Question

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

这样的案例是否有解决办法？

Answer 1

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

.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>

Answer 2

您可以“加入”两个类：.checked.featured

Answer 3

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

查看官方Documentation

CSS“和”选择器 - 我可以选择具有多个类的元素吗？

3 个答案: