继承父级以外的类的属性

Question

假设我的CSS中有两个类，比如.classA{}和.classB{}，我已定义并定制classA但我喜欢它。现在我希望classB大部分都像classA，并进行一些更改。由于它们将单独使用（即A不是B的父节点），因此B不会在布局中从A继承属性。我可以做点什么吗

.classB{
    from .classA inherit *
    some additional changes
}

在编写CSS时，这将避免复制/粘贴，并确保如果我稍后更改A，B会自动更改，我不必跟踪它。

Answer 1

CSS没有变量概念，允许调整一个CSS测量值以自动影响其他测量值。但是，有一些CSS编写系统允许变量（然后'编译'并吐出纯CSS）。这些是有用的，但需要使用特定的框架。 （例如：http://lesscss.org/）

如果您使用的是服务器端脚本语言（如PHP），则可以使用其中的变量将CSS文件编写为PHP文件。

除此之外，我会使用多个类：

.sharedStyles {...the styles to be the same on elements}
.uniqueStylesA {...}
.uniqueStylesB {...}

然后申请：

<div class="sharedStyles uniqueStylesA">...</div>
<div class="sharedStyles uniqueStylesB">...</div>

或者......如果你可以嵌套在HTML中：

<div class="sharedStyles">
    <div class="uniqueStylesA">...</div>
    <div class="uniqueStylesB">...</div>
</div>