CSS セレクター: クラスと ID の違い selectors_html/css_WEB-ITnose

類似点: 任意の要素に適用可能

相違点:

1. ID セレクターはドキュメント内で 1 回のみ使用できます。クラス セレクターとは異なり、ID セレクターは HTML ドキュメント内で 1 回だけ使用できます。クラス セレクターは複数回使用できます。

次のコードは正しいです:

中国 。 。 。 。 習近平 は現在の大統領です

次のコードは間違っています:

中国は素晴らしい国です。 。 。 。 。 習近平は国の現在の大統領です

2. クラスセレクターの単語リストメソッドを使用して複数の単語を設定できます。 1 つの要素のアイテムを同時にスタイルします。 1 つの要素に複数のスタイルを同時に設定できますが、これは ID セレクターではなく、クラス セレクターを使用してのみ実現できます ( ID ワード リストは使用できません)。

正しい(完全なコードについては右側のコードエディタを参照してください)

.stress{    color:red;}.bigsize{    font-size:25px;}<p>到了<span <strong>class="stress bigsize"</strong>>三年级</span>下学期时，我们班上了一节公开课...</p>

不正解です(完全なコードについては右側のコードエディタを参照してください)

#stressid{    color:red;}#bigsizeid{    font-size:25px;}<p>到了<span <strong>id="stressid bigsizeid"</strong>>三年级</span>下学期时，我们班上了一节公开课...</p>