我们可以在另一个css类中包含公共css类吗？

我是一个CSS新手。我只是想知道，是否可能包括一个公共类到另一个类？

例如，

.center {align: center};
.content { include .center here};

我遇到了CSS框架 – Blueprint.我们需要把位置信息放入HTML，例如。

<div class="span-4"><div class="span-24 last">

因此，我们将在html中放置定位属性，而不是css。如果我们改变布局，我们需要改变html，而不是css。

这就是我问这个问题的原因。如果我可以包括.span-4到我自己的CSS，我不必在我的html标签中指定它。

解决方法

奇怪的是，即使CSS谈论继承，类也不能以这种方式“继承”。你真正能做的最好的是：

.center,.content { align: center; }
.content { /* ... */ }

另外我强烈建议你不要这样做“裸体”类选择器。在可能的情况下使用和ID或标记和类：

div.center,div.content { align: center; }
div.content { /* ... */ }

我说这是因为如果你做你的选择器尽可能广泛，最终变得不可管理(在我的经验)一旦你得到大型的样式表。你最终会有非预期的选择器相互交互到你创建一个新类(例如.center2)，因为更改原来的将影响你不想要的所有类型的东西。

原文地址：https://www.jb51.cc/css/221008.html