html - CSS "and"选择器 - 我可以选择具有多个类的元素吗？

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>