CSS では、クラス セレクターはピリオドで表示されます:
.center {text-align: center}
上の例では、中心クラスを持つすべての HTML 要素が中央に配置されます。
次の HTML コードでは、h1 要素と p 要素の両方に中心クラスがあります。これは、どちらも「.center」セレクターのルールを尊重することを意味します。
<h1 class="center"> この見出しは中央揃えになります </h1> <p class="center"> この段落も中央揃えになります </p>
******************************
IDセレクター
ID セレクターは、特定の ID でマークされた HTML 要素の特定のスタイルを指定できます。 ID セレクターは「#」で定義されます。次の 2 つの ID セレクター。最初のものは要素の色を赤として定義でき、2 つ目は要素の色を緑として定義できます。
#レッド {カラー:レッド;} #グリーン {カラー:グリーン;}
次の HTML コードでは、id 属性が red の p 要素は赤色で表示され、id 属性が green の p 要素は緑色で表示されます。
<p id="red">この段落は赤色です。 </p> <p id="green">この段落は緑色です。 </p>
注: id 属性は、各 HTML ドキュメント内で 1 回だけ使用できます。その理由を知るには、「XHTML: Web サイトのリファクタリング」を参照してください。