重用CSS类

Question

我应该在我之前的问题（CSS style declaration reusage）中问过这个问题，但当时我没想到。由于这个问题得到了解答，我将开始一个新问题。

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

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

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

.editor { background-color: #434544 }   

我想引用回.blue样式，而不是再次在此定义它。我怎么能这样做？

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

Answer 1

在原生CSS中无法做到这一点。您应该查看pre-processing your CSS，因为所有这些预处理器都支持变量。

这是使用（scss-flavored）SASS：

的样子

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

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

.editor { background-color: $blue }