CSS 选择仅包含特定类的元素

Question

例如：

<div id="element1" class="c1 c2 c3"></div>
<div id="element2" class="c1 c2 c3 b1"></div>

是否有任何 CSS 选择器允许我选择仅包含且确切包含类 c1、c2 和 c3 的元素。

所以我希望能够获得element1而不是element2，我没有使用 ID，因为它实际上在每个页面上都是一样的，但我希望能够找到div 何时只有这些类而没有其他。

谢谢！

Answer 1

使用属性选择器

[class="c1 c2 c3"] {
    color: red;
}

<div id="element1" class="c1 c2 c3">Item 1</div>
<div id="element2" class="c1 c2 c3 b1">Item 2</div>