css - 重用 CSS 类

Question

我应该在上一个问题（CSS 样式声明重用）中问过这个问题，但当时我没有想到。既然已经回答了这个问题，我将开始一个新的问题。

我正在尝试在 CSS 中创建将在我的应用程序中使用的调色板。例如：

.blue  { color: #434544; }
.green { color: #G99933; }

我不想在我的 CSS 中的其他任何地方定义颜色。.blue我遇到的问题是当我需要定义时如何使用样式background-color？看看这个：

.editor { background-color: #434544 }   

我想引用回.blue样式而不是在这里再次定义它。我怎样才能做到这一点？

更新 我为我的问题找到了完美的解决方案：Chirpy -> http://chirpy.codeplex.com/

Answer 1

在原生 CSS 中没有办法做到这一点。您应该考虑预处理您的 CSS，因为所有这些预处理器都支持变量。

这是使用（scss-flavored）SASS 的样子：

$blue: #434544;
$green: #G99933;

.blue  { color: $blue; }
.green { color: $green; }

.editor { background-color: $blue }