根據多個類別選擇元素

我有一個樣式規則，當它具備兩個類時，我想將其應用於標籤。 沒有JavaScript，有什麼方法能夠執行此操做嗎？ 換一種說法：

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

我想申請只有在個人樣式規則li有兩個.left和.ui-class-selector類應用。

---

#1樓

你是說兩堂課？ 「束縛」選擇器（它們之間沒有空格）：

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

這將選擇全部class1也具備class2元素。

在您的狀況下：

li.left.ui-class-selector {

}

官方文檔： CSS2類選擇器 。

---

正如akamike指出的那樣，Internet Explorer 6中此方法存在問題，您可能須要閱讀如下內容： 在IE6 CSS中使用雙 精度 類？

---

#2樓

鏈選擇器不只限於類，還能夠對類和id都進行選擇。

班級

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

班級號

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

Id和Id

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

當前全部優秀的瀏覽器均支持此功能，但IE 6除外，它基於列表中的最後一個選擇器進行選擇。 所以，「。classA.classB」將僅基於「 .classB」進行選擇。

對於你的狀況

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

要麼

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

---

#3樓

您能夠使用如下解決方案：

CSS規則適用於具備如下兩個類別的全部標籤：

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

CSS規則適用於全部具備<li>且具備如下兩個類的標籤：

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";