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

Question

  

可能重复：
  CSS Selector that applies to elements with two classes

我有这些元素

<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之间的比较，请参阅this answer。

Answer 2

将它们连在一起：

.a.b {
  color: #666;
}