基于多个类选择元素

你是说两门课?链接选择器(它们之间没有空格):

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

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

在你的情况下:

li.left.ui-class-selector {


}

官方文档:CSS2类选择器。

正如akamike在ie6中指出了这个方法的一个问题，你可能想读这个:使用双类在IE6 CSS?

链式选择器不仅仅局限于类，你可以对类和id都这样做。

类

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

类,Id

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

身份证,Id

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

当前所有好的浏览器都支持这个，除了ie6，它基于列表中的最后一个选择器进行选择。所以“.classA。classB"将基于".classB"进行选择。

为了你的案子

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

或

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

你可以使用这些解决方案:

CSS规则适用于所有包含以下两类的标签:

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

CSS规则适用于所有具有<li>的标记，具有以下两个类:

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

jQuery解决方案:

$("li.left.ui-class-selector").css("color", "red");

Javascript解决方案:

document.querySelector("li.left.ui-class-selector").style.color = "red";