css - 在 CSS 选择器中使用 OR

Question

我有一个出现在许多页面上的元素，我想根据它所在的高级 div 的类对其进行不同的样式。例如，如果我想根据不同的情况更改 Logo 的颜色在其所在页面的“类型”上。然后假设这些类型可以分组(因此 typeA、typeB 和 typeC 应该使用一种颜色，而 typeD 和 typeE 应该使用另一种颜色)。此外，作为高级 div，这些类型也用于其他用途，因此它们无法合并。

.typeA #logo,
.typeB #logo,
.typeC #logo{
color: #ffffff;
}

.typeD #logo,
.typeE #logo,{
color: #000000;
}

有没有办法与一些选择器链接在一起，这样我就不必让这段代码看起来如此令人讨厌。这个例子很小，但现实世界的版本涉及更多的类型。有没有办法做这样的事情:

.typeA || .typeB || .typeC #logo{
color: #ffffff;
}

Answer 1

正如其他人所说，CSS 不支持这种分组。

如果您可以控制标记，为什么不直接向每组类型类添加一个公共(public)类，然后选择该公共(public)类？

示例:

<div class="typeA type1">
    <span id="logo">Site Title</span>
</div>

<div class="typeD type2">
    <span id="logo">Site Title</span>
</div>

.type1 #logo { color: #ffffff; }
.type2 #logo { color: #000000; }