是否可以创建一个从另一个CSS类（或多个）“继承”的CSS类。
例如，假设我们有：
.something { display:inline }
.else { background:red }
我想做的是：
.composite
{
.something;
.else
}
其中“.composite”类将显示为内联，并具有红色背景
当前回答
我认为这是一个更好的解决方案：
[class*=“button-“] {
/* base button properties */
}
.button-primary { ... }
.button-plain { ... }
其他回答
正如其他人所说，您可以向一个元素添加多个类。
但这不是真正的重点。我明白你关于遗产的问题。真正的问题是CSS中的继承不是通过类来实现的，而是通过元素层次结构来实现的。因此，要对继承的特性进行建模，需要将它们应用于DOM中不同级别的元素。
我也在疯狂地寻找它，我只是通过尝试不同的东西来找到它：P。。。你可以这样做：
composite.something, composite.else
{
blblalba
}
它突然对我奏效了：）
而直接继承是不可能的。
可以为父标记使用类（或id），然后使用CSS组合符改变子标记的继承行为。
p.test｛背景色：rgba（55,55,55,0.1）；｝p.test>span｛背景色：rgba（55,55,55,0.1）；｝p.test>span>span{背景色：rgba（55,55,55,0.1）；}p.test>span>span>span{背景色：rgba（55,55,55,0.1）；}p.test>span>span>span{背景色：rgba（55,55,55,0.1）；}p.test/span>span>span>span{背景色：rgba（55,55,55,0.1）；}p.test/span>span>span>span>span{背景色：rgba（55,55,55,0.1）；}p.test>span>span>/span>span>span{背景色：rgba（55,55,55,0.1）；}p.test>span>span>span>span>span>span>span{背景色：rgba（55,55,55,0.1）；}<p class=“test”><span>一种可能的<span>解决方案<span>是使用<span>多个<span>嵌套<span>标记</span></span><span></span></span></p>
我不建议像示例那样使用这么多跨度，但这只是概念的证明。当试图以这种方式应用CSS时，仍然会出现许多错误。（例如，更改文本装饰类型）。
一个元素可以包含多个类：
.classOne { font-weight: bold; }
.classTwo { font-famiy: verdana; }
<div class="classOne classTwo">
<p>I'm bold and verdana.</p>
</div>
不幸的是，这几乎和你会得到的一样接近。我希望有一天能看到这个特性以及类别名。
我遇到了同样的问题，最后使用了JQuery解决方案，使类看起来可以继承其他类。
<script>
$(function(){
$(".composite").addClass("something else");
});
</script>
这将查找具有类“composite”的所有元素，并将类“something”和“else”添加到元素中。所以类似于＜div class=“composite”＞</div>将这样结束：＜div class=“composite something other”＞</分区>
