如何选择具有 2 个类的元素 [重复]答案

【问题标题】：How to select an element with 2 classes [duplicate]如何选择具有 2 个类的元素 [重复]
【发布时间】：2011-07-04 05:31:17
【问题描述】：

我有这个元素

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

我想将颜色应用于 a 和 b 类的元素 #666。如何使用 CSS 做到这一点？

【问题讨论】：

【解决方案1】：

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

.a.b {
     color: #666;
}

请注意，如果对您很重要，IE6 会将.a.b 视为.b，因此在该浏览器中div.a.b 和div.b 都会显示灰色文本。请参阅this answer 以了解正确浏览器和 IE6 之间的比较。

【讨论】：

【解决方案2】：

只需将它们链接在一起：

.a.b {
  color: #666;
}

【讨论】：