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

前端之家收集整理的这篇文章主要介绍了我们可以在另一个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),因为更改原来的将影响你不想要的所有类型的东西。

猜你在找的CSS相关文章