假设我的 CSS 中有两个类,.classA{}
和 .classB{}
,我已经定义并定制了 classA
到我喜欢的方式。现在我希望 classB
与 classA
基本相同,但有一些更改。由于它们将单独使用(即 A 不是 B 的父级),因此 B 不会在布局中从 A 继承属性。我可以做类似的事情吗?
.classB{
from .classA inherit *
some additional changes
}
在编写 CSS 时,这将避免复制/粘贴,并确保如果我稍后更改 A,B 会自动更改,我不必跟踪它。
最佳答案
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>
关于css - 从父类以外的类继承属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5372447/