基于多个类选择元素

提问者：小点点

我有一个样式规则，当一个标记有两个类时，我想应用于它。在没有JavaScript的情况下，有什么方法可以执行此操作吗？换句话说：

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

只有在li同时应用了.left和.ui-class-selector类时，我才要应用我的样式规则。

共2个答案

匿名用户

你是说两个类？“链式”选择器（它们之间没有空格）：

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

这将选择具有class1且同时具有class2的所有元素。

在您的情况下：

li.left.ui-class-selector {

}

官方文档:CSS2类选择器。

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

匿名用户

链选择器不仅限于类，您可以为类和IDS都这样做。

类

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

类Id(&Id

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

Id(&Id

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

所有好的当前浏览器都支持这一点，除了IE6，它根据列表中的最后一个选择器进行选择。因此“.classa.classb”将根据“.classb”进行选择。

对于你的情况

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

或

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