css - 从父类以外的类继承属性

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>