複数の CSS クラスを 1 つの HTML 要素に適用できますか?

単一の要素に複数の CSS クラスを適用する

複数の CSS クラスを単一の HTML 要素に適用できますか?たとえば、次のコードを考えてみましょう:

<a class="c1" class="c2">aa</a>

この場合、c2 クラスは無視されているように見えます。両方のクラスを同時に適用するにはどうすればよいですか?

解決策:

これを実現するには 2 つの方法があります:

1.クラス属性内の複数のクラス

空白を使用してクラスを区切ります。例:

<a class="c1 c2">aa</a>

2.クラス交差セレクター (空白なし)

HTML 要素に指定されたクラスをすべて含める必要があることを指定するには、スペースなしで CSS セレクターを使用します。

.c1.c2 {
  /* Styles */
}

このセレクターの使用、要素は c1 クラスと c2 クラスの両方を持つ場合にのみスタイル設定されます。

以上が複数の CSS クラスを 1 つの HTML 要素に適用できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。