选择基于多个类别的元素

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