如何将 2 个 CSS 类合并为一个?

Rol*_*lie 5 html css twitter-bootstrap

我正在使用引导程序,并尝试在各种元素上获得正确的类,以便在各种设备上进行适当的布局。似乎对很多人来说,我想要类似的东西control-label col-md-2。所以我可以通过几十个元素,并改变它们,但是 - 如果我意识到我真的想要col-md-9怎么办?然后我必须遍历每个元素并更改类!所以我想做的是:

<label class="label-class"/>

.label-class {
   control-label col-md-9
}
Run Code Online (Sandbox Code Playgroud)

这可能吗?我在网上找到的关于组合课程的每个答案都与不同类型的问题有关。或者,如果我把这一切都弄错了,我愿意学习一种更好的方法来测试各种布局:)

编辑: 经过更多搜索,我发现CSS 类可以继承一个或多个其他类吗?- 可悲的是,似乎答案是“并非没有额外的实用程序”。

Cho*_*roc 3

你可以实现它,但不能用 CSS。您可以使用 LESS 文件,并使用适当的介质从 LESS 解析为 CSS 文件(并且“随意”Bootstrap 核心是用 LESS 编写的,;D)。您正在寻找的规范是:http ://lesscss.org/features/#mixins-parametric-feature

Bootstrap允许您下载其代码的LESS文件进行修改,然后,您可以使用JS编译器,如lesscss.org/usage/#using-less-in-the-browser中所述

如果您使用 PHP,有一些库可以在将其发送到浏览器之前对其进行编译,最新的与 Bootstrap 3.0 配合良好,我正在使用的是: http: //leafo.net/lessphp/

希望这有帮助,XD