基于多个类选择元素
基于多个类选择元素
提问于 2010-04-01 00:50:35
当标记有两个类时，我有一个样式规则要应用于它。有没有办法在没有JavaScript的情况下实现这一点呢？换句话说：
<li class="left ui-class-selector">仅当li同时应用了.left和.ui-class-selector类时，我才希望应用我的样式规则。
回答 3
Stack Overflow用户
回答已采纳
发布于 2010-04-01 00:52:13
你是说两节课吗？“链接”选择器(它们之间没有空格)：
.class1.class2 {
/* style here */
}这将选择所有具有class1且也具有class2的元素。
在您的案例中：
li.left.ui-class-selector {
}官方文档：CSS2 class selectors。
正如阿卡米克指出的在Internet Explorer6中使用这种方法的一个问题，你可能想要阅读下面的内容：Use double classes in IE6 CSS?
Stack Overflow用户
发布于 2016-07-29 11:25:12
链选择器并不仅限于类，您可以为类和it执行此操作。
类
.classA.classB {
/*style here*/
}类和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*/
}Stack Overflow用户
发布于 2018-08-30 19:19:20
您可以使用以下解决方案：
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";页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2554839
复制相关文章
相似问题
腾讯云开发者
