根据多个类别选择元素

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类选择器。

正如akamike指出的那样，Internet Explorer 6中此方法存在问题，您可能需要阅读以下内容：在IE6 CSS中使用双精度类？

Answer 2

链选择器不仅限于类，还可以对类和id都进行选择。

班级

.classA.classB {

/*style here*/

}

班级号

.classA#idB {

/*style here*/

}

Id和Id

#idA#idB {

/*style here*/

}

当前所有优秀的浏览器均支持此功能，但IE 6除外，它基于列表中的最后一个选择器进行选择。因此，“。classA.classB”将仅基于“ .classB”进行选择。

对于你的情况

li.left.ui-class-selector {

/*style here*/

}

要么

.left.ui-class-selector {

/*style here*/

}