76

我正在尝试选择同时具有.checked和.featured标签的所有元素。所以基本上，我正在寻找的是一个“和”选择器；我不知道有没有。

像这样的情况有什么解决方法吗？

4

3 回答 3

117

你同时使用（它们之间没有空格）

.checked.featured{
   // ...
}

参考：http ://www.w3.org/TR/selectors/#class-html

例子

div{margin:1em;padding:1em;}

.checked{color:green;}
.featured{border:1px solid #ddd;}

.checked.featured{
       font-weight:bold;
    }
<div class="checked">element with checked class</div>
<div class="featured">element with featured class</div>
<div class="featured checked">element with both checked and featured classes</div>

于 2013-01-30T08:08:02.323 回答
18

你可以像这样“加入”两个类：.checked.featured

于 2013-01-30T08:07:52.487 回答
9

要表达 AND，您只需连接您的类，这些类可能不会与作为后代选择器.checked.featured的流行混淆。.checked .featured

看看官方文档

于 2013-01-30T08:10:59.580 回答