是否可以创建一个从另一个CSS类（或多个）“继承”的CSS类。
例如，假设我们有：
.something { display:inline }
.else { background:red }
我想做的是：
.composite
{
.something;
.else
}
其中“.composite”类将显示为内联，并具有红色背景
当前回答
在Css文件中：
p.Title
{
font-family: Arial;
font-size: 16px;
}
p.SubTitle p.Title
{
font-size: 12px;
}
其他回答
在Css文件中：
p.Title
{
font-family: Arial;
font-size: 16px;
}
p.SubTitle p.Title
{
font-size: 12px;
}
你能做的就是这个
CSS
.car {
font-weight: bold;
}
.benz {
background-color: blue;
}
.toyota {
background-color: white;
}
HTML
<div class="car benz">
<p>I'm bold and blue.</p>
</div>
<div class="car toyota">
<p>I'm bold and white.</p>
</div>
有一些类似LESS的工具，它允许您在类似于所描述的更高抽象级别上编写CSS。
更少的人称这些为“混合”
而不是
/* CSS */
#header {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
#footer {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
你可以说
/* LESS */
.rounded_corners {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
#header {
.rounded_corners;
}
#footer {
.rounded_corners;
}
对于那些对上述（优秀）文章不满意的人，您可以使用编程技能创建一个变量（PHP或任何一个），并让它存储多个类名。
这是我能想出的最好的办法。
<style>
.red { color: red; }
.bold { font-weight: bold; }
</style>
<? define('DANGERTEXT','red bold'); ?>
然后将全局变量应用于所需的元素，而不是类名本身
<span class="<?=DANGERTEXT?>"> Le Champion est Ici </span>
您可以使用相反的方法来实现相同的结果-从复合开始，然后使用unset关键字删除样式。例如，如果从以下示例组成开始：
.composite {
color: red;
margin-left: 50px;
background-color: green
}
然后可以增加选择器的特异性，以使用unset选择性地删除样式：
.composite.no-color {
color: unset
}
.composite.no-margin-left {
margin-left: unset
}
.composite.no-background-color {
background-color: unset
}
这里有一个JSFiddle演示了这种方法。
这种方法的一个好处是，由于复合选择器的特异性高于复合选择器本身，因此不需要所有类的组合来实现多个组合的预期结果：
/* Multi-unset compound selector combinations, such as the one that follows, ARE NOT NECESSARY because of the higher specificity of each individual compound selectors listed above. This keeps things simple. */
.composite.no-background-color.no-color.no-margin-left {
background-color: unset;
color: unset;
margin-left: unset
}
此外，在96%的未设置关键字支持率下，浏览器覆盖率非常高。
