css - 将 CSS 样式压缩为一种样式

Question

考虑以下 CSS 样式...

.Center { text-align: center; }
.R { float: right; }
#TopImage { background: #0ff; }

如果我想将所有三种样式应用到一个元素，我会这样做...

<div class="R Center" id="TopImage">

但是如果我要使用这种样式组合数百次，用单一样式替换它们会更容易...

.All_Together ( background: #0ff; text-align: center; float: right; )
<div class="All_Together">

我想知道，与其单独定义 All_Together，我是否可以像这样简单地定义它:

.All_Together = .Center + .R + #TopImage

显然，它不能完全那样写。但是有没有办法告诉我的网页每个实例.All_Together 都具有.Center、.R 和#TopImage 的所有值。或者，换句话说，如何让 .All_Together 继承其他几个特定类和/或 ID 的值？

Answer 1

类似 LESS 的工具和 SASS是(部分)为此目的而制作的。

它们允许您以这样的方式定义类，然后您可以将它们组合在一起，当您将 LESS 或 SASS 编译成 CSS 时，您将拥有三种单独的类样式，但也有您的组合。