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

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的后代选择器混淆.

看一下官方文档