是否可以在 CSS 中组合类？ [复制]

Question

假设我有一个 en 元素 <div clas="foo bar foobar">[stuff]</div>，我想用一个类 (SuperFoo) 替换这三个类。

虽然我可以找出 foo、bar 和 foobar 是如何定义的，并使用其中的每一个元素：

.SuperFoo { color : red }等等，是否可以用foo、bar和foobar来定义SuperFoo？

.SuperFoo { foo bar foobar}?

我该怎么做？

Answer 1

除非您使用 LESS 或 SASS 的“混合”功能，否则纯 CSS 中没有真正的方法可以“继承”其他类。

您能做的最好的事情就是将所有三个类应用到您的 DOM 元素。

如果您的问题是页面上已有大量此类，并且您想为所有这些类添加属性，您可以这样做：

.foo, .bar, .foobar {
    color: red;
}

这会将 color: red 应用于任何具有 .foo 或 .bar 或 .foobar 的元素。

Answer 2

没有。但是你可以使用链式类：

.foo.bar.foobar {
    color: red;
}

<div class="foo bar foobar">[red]</div>