而直接继承是不可能的。

可以为父标记使用类（或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时，仍然会出现许多错误。（例如，更改文本装饰类型）。

这在CSS中是不可能的。

CSS中唯一支持的是比另一条规则更具体：

span { display:inline }
span.myclass { background: red }

类为“myclass”的span将同时具有这两个财产。

另一种方法是指定两个类：

<div class="something else">...</div>

“else”的样式将覆盖（或添加）“something”的样式

您可以使用相反的方法来实现相同的结果-从复合开始，然后使用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%的未设置关键字支持率下，浏览器覆盖率非常高。

我意识到这个问题已经很老了，但是，这里什么都没有！

如果目的是添加一个包含多个类的财产的类作为本机解决方案，我建议使用JavaScript/jQuery（jQuery确实不是必需的，但确实很有用）

例如，如果您有从.baseClass1和.baseClass2“继承”的.bumbellaClass，则可以有一些JavaScript在就绪时启动。

$(".umbrellaClass").addClass("baseClass1");
$(".umbrellaClass").addClass("baseClass2");

现在.umbrellaClass的所有元素都将具有.baseClasss的所有财产。请注意，与OOP继承一样，.umbrellaClass可能有也可能没有自己的财产。

这里唯一需要注意的是，是否有动态创建的元素在代码触发时不存在，但也有简单的方法可以解决。

不过，Sucks css没有原生继承。

完美的时机：我从这个问题转到了我的电子邮件，找到了一篇关于Less的文章，这是一个Ruby库，除其他外，它还做了以下工作：

由于super看起来就像页脚，但字体不同，所以我将使用Less的类包含技术（他们称之为mixin）来告诉它也包含这些声明：

#super {
  #footer;
  font-family: cursive;
}

而直接继承是不可能的。

可以为父标记使用类（或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时，仍然会出现许多错误。（例如，更改文本装饰类型）。