如何选择具有2个类的元素

Question

可能重复:
适用于具有两个类的元素的CSS选择器

我有这个元素

<div class="a b"></div>
<div class="b"></div>
<div class="a"></div>

我想要使​​用类a和b应用颜色#666.我怎么能用CSS做到这一点？

Answer 1

您可以链接类选择器,它们之间没有空格:

.a.b {
     color: #666;
}

需要注意的是,如果对你很重要,IE6对待.a.b如.b在浏览器中都,所以div.a.b并div.b会有灰色文本.有关正确的浏览器和IE6之间的比较,请参阅此答案.

Answer 2

把它们连在一起:

.a.b {
  color: #666;
}