選擇基於多個類別的元素

Question

我有一個樣式規則我想應用於標籤，當它有兩個樣式。有什麼方法可以在沒有JavaScript的情況下執換句話說：

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

我想申請我的樣式規則只有如果li有同時適用.left和.ui-class-selector類。

Answer 1

你的意思是兩個班？ 「鏈」中的選擇（沒有它們之間的空格）：

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

這種選擇與class1所有元素也有class2。

你的情況：

li.left.ui-class-selector { 

} 

官方文檔：CSS2 class selectors。

---

由於akamike指出與Explorer 6的這種方法在互聯網問題，您可能需要閱讀此：Use double classes in IE6 CSS?

Answer 2

鏈選擇並不只是侷限於類，你可以爲這兩個類做和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*/ 
}