css - 仅当存在 2 个类时，您才能使用 CSS 定位元素吗？

Question

您可能已经知道，元素上可能有多个类，用空格分隔。

例子

<div class="content main"></div>

使用 CSS，您可以使用 .content 或 .main 定位 div。如果且仅当这两个类都存在时，有没有办法定位它？

例子

<div class="content main">I want this div</div>
<div class="content">I don't care about this one</div>
<div class="main">I don't want this</div>

我将使用哪个 CSS 选择器来仅获取第一个 div(假设我不能使用 .content:first-child 或类似的)？

Answer 1

是的，只需连接它们:.content.main。参见 CSS class selector .

但请注意，直到版本 6 的 Internet Explorer 不支持多个类选择器，并且只支持最后一个类名。