人们一直在为我的答案投票，但与“sass”或“less”的乐趣相比，这是一个糟糕的解决方案，特别是考虑到现在这两种方法都有很多易于使用的gui。如果你还有理智，就忽略我下面的建议吧。

你可以在css中每个颜色之前放一个注释，作为一种变量，你可以使用查找/替换来改变它的值，所以…

在css文件的顶部

/********************* Colour reference chart****************
*************************** comment ********* colour ******** 

box background colour       bbg              #567890
box border colour           bb               #abcdef
box text colour             bt               #123456

*/

后面的CSS文件

.contentBox {background: /*bbg*/#567890; border: 2px solid /*bb*/#abcdef; color:/*bt*/#123456}

然后，例如，改变框文本的配色方案，你做一个查找/替换

/*bt*/#123456

是的，在不久的将来(我在2012年6月写了这篇文章)你可以定义原生css变量，而不需要使用更少的/sass等!Webkit引擎刚刚实现了第一个css变量规则，所以Chrome和Safari的前沿版本已经可以使用它们了。查看官方Webkit (Chrome/Safari)开发日志和现场css浏览器演示。

希望在接下来的几个月里，我们可以看到浏览器对原生css变量的广泛支持。

你可以试试CSS3变量:

body {
  --fontColor: red;
  color: var(--fontColor);
}

当然可以，在某种程度上，感谢多个类的奇妙世界，可以做到这一点:

.red {color:red}
.blackBack {background-color: black}

但我经常把它们组合在一起，就像这样:

.highlight {color:red, background-color: black}

我知道语义警察会盯着你，但这很管用。

CSS本身不使用变量。但是，你可以使用另一种语言，比如SASS，用变量来定义你的样式，并自动生成CSS文件，然后你可以把它放在网上。注意，每次对CSS进行更改时都必须重新运行生成器，但这并不难。

你可以通过javascript传递CSS，用特定的颜色替换所有的color1实例(基本上是regex它)，并提供一个备份样式表，以防最终用户关闭JS