CSS idとclass

id と class セレクタ

HTML要素にCSSスタイルを設定する場合、要素に「id」と「class」セレクターを設定する必要があります。

id セレクタ

idセレクターは、特定のidが付けられたHTML要素に特定のスタイルを指定できます。

HTML要素はid属性でidセレクターを設定します。CSSではidセレクターは「#」で定義します。

以下のスタイルルールは、属性 id="para1" の要素に適用されます。

ID属性は数字で始めてはいけません。数字で始まるIDはMozilla/Firefoxブラウザーでは機能しません。

class セレクタ

classセレクターは一組の要素のスタイルを記述するために使用します。classセレクターはidセレクターとは異なり、classは複数の要素で使用できます。

classセレクターはHTMLではclass属性で表します。CSSでは、クラスセレクターはドット（.）で.号显示：

以下の例では、center クラスを持つすべてのHTML要素が中央揃えになります。

特定のHTML要素にclassを使用するよう指定することもできます。

以下の例では、すべての p 要素が class="center" を使用して、その要素のテキストを中央揃えにします：

複数のclassセレクターはスペースで区切ることができます：

クラス名の最初の文字に数字は使用できません！Mozilla や Firefox では機能しません。