是否可以在CSS中組合類？

Question

假設我有一個en元素<div clas="foo bar foobar">[stuff]</div>，我想用一個類（SuperFoo）替換這三個類。

雖然我可以找出如何富，酒吧和foobar的定義，並利用每一元素：

.SuperFoo { color : red }等，是否有可能在富，酒吧和foobar的方式來定義SuperFoo？

.SuperFoo { foo bar foobar}？

我該怎麼做？

Answer 1

除非你使用LESS或SASS的‘混入’的特點，有以純CSS來‘繼承’沒有真正的方法其他類。

您可以做的最好的做法是將所有三個類應用於您的DOM元素。

如果你的問題是，你有一噸已經在頁面上這些類的，你想屬性添加到所有的人，你可以這樣做：

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

，這將適用顏色：紅色任何具有.foo或.bar或.foobar的元素。

Answer 2

不可以，但你可以使用鏈式類：

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

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