是否可以在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的'mixin'功能，否则在纯CSS中没有真正的方法来“继承”其他类。

您可以做的最好的事情是将所有三个类应用于您的DOM元素。

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

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

并且将颜色：红色应用于具有.foo或.bar或.foobar的任何元素。

Answer 2

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

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

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