select基于多个类的元素

我有一个样式规则，当它有两个样式时，我想应用于一个标签。 有没有什么办法可以执行这个没有JavaScript？ 换一种说法：

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

我只想在应用了.left和.ui-class-selector类的情况下应用我的样式规则。

Answer 1

你是说两个class？ “连锁”select器（它们之间没有空格）：

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

这将select具有class2所有元素。

在你的情况下：

 li.left.ui-class-selector { } 

官方文档： CSS2类select器 。

---

正如akamike在Internet Explorer 6中指出了这种方法的一个问题，您可能需要阅读以下内容： 在IE6 CSS中使用双类？

Answer 2

链select器不仅限于类，你可以为类和ID做。

类

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

class级号

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

ID和ID

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

目前所有的浏览器都支持IE 6以外的浏览器，它基于列表中的最后一个select器进行select。 所以“.classA.classB”会根据“.classB”来select。

为你的情况

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

要么

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