CSSクラスセレクターとIDセレクター

CSS では、クラス セレクターはピリオドで表示されます:

.center {text-align: center}
上記の例では、中心クラスを持つすべての HTML 要素が中央に配置されます。

以下の HTML コードでは、h1 要素と p 要素の両方にセンター クラスがあります。これは、どちらも「.center」セレクターのルールを尊重することを意味します。

この見出しは中央揃えになります

この段落も中央揃えになります
********************************
id セレクター
ID セレクターは、特定のマークが付いた HTML 要素の特定のスタイルを指定できます。 ID 。 ID セレクターは「#」で定義されます。次の 2 つの ID セレクター。最初のセレクターは要素の色を赤として定義でき、2 つ目は要素の色を緑として定義できます:
#red {color:red;} #green {color:green;}
以下のHTML コードでは、id属性が赤色のp要素は赤色で表示され、id属性が緑色のp要素は緑色で表示されています。

この段落は赤色です。

この段落は緑色です。

注: id 属性は、各 HTML ドキュメント内で 1 回だけ使用できます。その理由を知るには、「XHTML: Web サイトのリファクタリング」を参照してください。