而直接继承是不可能的。

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

我认为这是一个更好的解决方案：

[class*=“button-“] {
  /* base button properties */
}
.button-primary { ... }
.button-plain { ... }

有一些类似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;
}

而直接继承是不可能的。

可以为父标记使用类（或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”的样式

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

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

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

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

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

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

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