CSS .classセレクター

例

class="intro" のすべての要素を選択して設定します:

.intro { background-color:yellow; }

.classセレクターは、指定されたクラス（class）属性を持つHTML要素を選択するために使用されます。

CSSルールで使用することで、.class同じクラスを持つ複数の要素にスタイルを適用できます。

注意：クラス名は.で始まり、HTMLドキュメント内の複数の要素で使用できます。

これはクラスが「highlight」の段落です。 これは普通の段落です。 これはクラスが「highlight」の別の段落です。

.highlight {
color: red;
font-weight: bold;
}

上記のコードでは、.highlightクラスは2つの要素に適用されています。.class セレクターを使用することで、.highlightそのクラスを持つすべての要素を選択し、スタイルを適用できます。

上記の例のCSSコードは、文字色を赤に設定し、太字で表示するためのもので、効果は次のようになります：

すべての主要ブラウザがサポートしています。classセレクター

class="hometown" のすべての 要素を選択し、背景色を黄色に設定します：

p.hometown { background-color:yellow; }