CSS IdとClass

idとclassセレクタ

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

idセレクタ

idセレクタは、特定のidが付いたHTML要素に特定のスタイルを指定できます.
HTML要素はid属性でidセレクタを設定し、CSSではidセレクタは「#」で定義します.
次のスタイルルールは、要素属性id=「para 1」に適用されます.
例:

#para1
{
text-align:center;
color:red;
}

ID属性は数字で始まるのではなく、数字で始まるIDはMozilla/Firefoxブラウザでは機能しません.

classセレクタ

classセレクタは要素のセットのスタイルを記述するために使用され、classセレクタはidセレクタとは異なり、classは複数の要素で使用できます.
classセレクタはHTMLでclass属性で表され、CSSではクラスセレクタは1つの点"."番号:
次の例では、centerクラスを持つすべてのHTML要素が中央に配置されています.

.center {text-align:center;}

classを使用する特定のHTML要素を指定することもできます.
次の例では、すべてのp要素がclass=「center」を使用して要素のテキストを中央に配置します.

p.center {text-align:center;}

クラス名の最初の文字は数字を使用できません.MozillaまたはFirefoxでは機能しません.