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

Posted 2023-03-06

【中文标题】如何选择具有 2 个类的元素 [重复]

【英文标题】：How to select an element with 2 classes [duplicate]

【发布时间】：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 之间的比较。

【讨论】：

请注意 .a .b 被视为 .a 然后是 .b

我认为@HoangHuynh 的意思是选择器.a .b 将匹配.b 类的元素，这些元素包含在.a 类的元素中。

【参考方案2】：

只需将它们链接在一起：

.a.b 
  color: #666;