複数のクラスに基づいて要素を選択します

2つのクラスがあるタグに適用するスタイルルールがあります。JavaScriptなしでこれを実行する方法はありますか？言い換えると：

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

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

あなたは2つのクラスを意味しますか？セレクターを「チェーン」する（間にスペースを入れない）：

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

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

あなたの場合：

li.left.ui-class-selector {

}

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

akamike：あなたはこれを読みたいかもしれないのInternet Explorer 6で、この方法の問題点を指摘IE6のCSSでの使用のダブルのクラス？

チェーンセレクターはクラスだけに限定されず、クラスとIDの両方に対して実行できます。

クラス

.classA.classB {
/*style here*/
}

クラスID

.classA#idB {
/*style here*/
}

やった

#idA#idB {
/*style here*/
}

IE 6を除くすべての優れた現在のブラウザーはこれをサポートしています。リストの最後のセレクターに基づいて選択します。したがって、「。classA.classB」は「.classB」だけに基づいて選択します。

あなたの場合

li.left.ui-class-selector {
/*style here*/
}

または

.left.ui-class-selector {
/*style here*/
}

これらのソリューションを使用できます：

CSSルールは、次の2つのクラスを持つすべてのタグに適用されます。

.left.ui-class-selector {
    /*style here*/
}

CSSルールは<li>、次の2つのクラスを持つすべてのタグに適用されます。

li.left.ui-class-selector {
   /*style here*/
}

jQueryソリューション：

$("li.left.ui-class-selector").css("color", "red");

JavaScriptソリューション：

document.querySelector("li.left.ui-class-selector").style.color = "red";