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

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

相違点:

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

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

e388a4556c0f65e1904146cc1a846bee

41629fe13eda146adba1df631bc290d3中国54bdf357c58b8a65c66d7c19c8e4d114 。 。 。 。 41629fe13eda146adba1df631bc290d3習近平54bdf357c58b8a65c66d7c19c8e4d114 は現在の大統領です

94b3e26ee717c64999d7867364b1b4a3

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

e388a4556c0f65e1904146cc1a846bee

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

94b3e26ee717c64999d7867364b1b4a3

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>

501e360b02ae6f644ee9d064632f3fcd3 年生54bdf357c58b8a65c66d7c19c8e4d114 (これは可能です)

注: 上記のコードは color:red に変更される可能性があります。および font-size:25px ; 単語の色を赤に設定し、そのフォントを 25px に設定したい場合は、その色を 25px に設定するだけで済む場合は、これを使用する方がはるかに便利です。赤、それも必要です。私はクラス セレクターの方が好みなので、クラス セレクターは詳細であればあるほど良い (と私は思います)。 ！ ！