これを読めば、誰もが CSS スタイルにおけるクラス セレクターと ID セレクターの違いを理解できるようになります。

クラス セレクターと識別子セレクター ID を使用して、独自のセレクターを定義できます。

この利点は、同じ HTML 要素をクラスまたは ID に応じて異なる方法で表現できることです。

CSS では、クラス セレクターの前に英語の半角ピリオド (.) が付き、ID の前に英語の半角ポンド記号 (#) が付きます。

次のようになります:

#top { background-color: #ccc; padding: 1em } .intro { color: red; font-weight: ballad; }
CSS を使用した HTML接続では属性 id と class を使用します。次のように:

チョコレートカレー

これは純粋にチョコレートだけでカレーを作る私のレシピです

うーん、うーん、うーん

id と class の違いは、id は一意の要素に使用されるのに対し、class は複数の要素に使用されることです。

HTML セレクターを先頭に配置することで、特定の HTML 要素にセレクターを適用することもできます。これにより、p.jam { anything } がクラス「jam」の段落に適用されます。


通常、ID 名はページ内で一意に定義されるため、CSS を再利用できるように、ページ上で CSS を定義するときにクラスを使用することをお勧めします。ID は最も必要なものに残しておきます。 HTML要素などにJavaScriptを使用します。