select基于多个类的元素

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

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

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

你是说两个class? “连锁”select器(它们之间没有空格):

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

这将select具有class2所有元素。

在你的情况下:

 li.left.ui-class-selector { } 

官方文档: CSS2类select器 。


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

链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*/ }