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

Mary-Kate Olsen
リリース: 2024-11-04 17:11:02
オリジナル
211 人が閲覧しました

Can I Apply Multiple CSS Classes to a Single HTML Element?

単一の要素に複数の 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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート