☰

複数のクラスに基づいて要素を選択する 質問する

tag-icon • tag-icon css css-selectors
複数のクラスに基づいて要素を選択する 質問する

2 つのクラスがあるタグに適用したいスタイル ルールがあります。JavaScript を使わずにこれを実行する方法はありますか? つまり、次のようになります。

<li class="left ui-class-selector">

とクラスの両方が適用されている場合にのみ、スタイル ルールを適用します。li.left.ui-class-selector

ベストアンサー1

2 つのクラスを意味しますか? セレクターを「連結」します (間にスペースを入れないでください):

.class1.class2 {
    /* style here */
}

class1これにより、 を持ち、 も持つすべての要素が選択されますclass2。

あなたの場合：

li.left.ui-class-selector {

}

公式ドキュメント:CSS2 クラスセレクター。

akamike がInternet Explorer 6 でのこの方法の問題点を指摘しているので、以下を読んでみてください:IE6 CSS で二重クラスを使用しますか?

おすすめ記事