是否可以创建一个从另一个CSS类（或多个）“继承”的CSS类。
例如，假设我们有：
.something { display:inline }
.else { background:red }
我想做的是：
.composite
{
.something;
.else
}
其中“.composite”类将显示为内联，并具有红色背景
当前回答
不要忘记：
div.something.else {
// will only style a div with both, not just one or the other
}
其他回答
不，你不能这样做
.composite
{
.something;
.else
}
这不是OO意义上的“类”名称。something和.else只是选择器而已。
但是您可以在一个元素上指定两个类
<div class="something else">...</div>
或者你可以研究另一种形式的继承
.foo {
background-color: white;
color: black;
}
.bar {
background-color: inherit;
color: inherit;
font-weight: normal;
}
<div class="foo">
<p class="bar">Hello, world</p>
</div>
其中段落背景颜色和颜色继承自封闭div中的设置，该div为.foo样式。您可能需要检查确切的W3C规范。无论如何，inherit是大多数财产的默认值，但不是所有属性的默认值。
我遇到了同样的问题，最后使用了JQuery解决方案，使类看起来可以继承其他类。
<script>
$(function(){
$(".composite").addClass("something else");
});
</script>
这将查找具有类“composite”的所有元素，并将类“something”和“else”添加到元素中。所以类似于＜div class=“composite”＞</div>将这样结束：＜div class=“composite something other”＞</分区>
给定示例的SCSS方式如下：
.something {
display: inline
}
.else {
background: red
}
.composite {
@extend .something;
@extend .else;
}
更多信息，请查看sass基础知识
如果通过php对.css文件进行预处理，则可以实现所需的效果。...
$something='color:red;'
$else='display:inline;';
echo '.something {'. $something .'}';
echo '.else {'. $something .'}';
echo '.somethingelse {'. $something .$else '}';
...
这在CSS中是不可能的。
CSS中唯一支持的是比另一条规则更具体：
span { display:inline }
span.myclass { background: red }
类为“myclass”的span将同时具有这两个财产。
另一种方法是指定两个类：
<div class="something else">...</div>
“else”的样式将覆盖（或添加）“something”的样式
