dicejs.com(正式形式为cssobjs)是SASS的客户端版本。您可以在CSS中设置变量(存储在json格式的CSS中)，并重用您的颜色变量。

//create the CSS JSON object with variables and styles
var myCSSObjs = {
  cssVariables : {
    primaryColor:'#FF0000',
    padSmall:'5px',
    padLarge:'$expr($padSmall * 2)'
  }
  'body' : {padding:'$padLarge'},
  'h1' : {margin:'0', padding:'0 0 $padSmall 0'},
  '.pretty' : {padding:'$padSmall', margin:'$padSmall', color:'$primaryColor'}
};

//give your css objects a name and inject them
$.cssObjs('myStyles',myCSSObjs).injectStyles();

这里有一个完整的可下载演示的链接，这比他们的文档更有帮助:dicejs演示

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

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

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

没有简单的CSS解决方案。你可以这样做:

在CSS文件中找到background-color和color的所有实例，并为每个独特的颜色创建一个类名。 .top-header {color: #fff;｝ .content-text {color: #f00;｝ .bg-leftnav {background-color: #fff;｝ .bg-column {background-color: #f00;｝ 接下来，浏览网站上涉及到颜色的每个页面，并为颜色和背景色添加适当的类。 最后，删除CSS中除了新创建的颜色类之外的任何颜色引用。

CSS的“少”Ruby宝石看起来棒极了。

http://lesscss.org/

如果将css文件编写为xsl模板，则可以从简单的xml文件中读取颜色值。然后使用xslt处理器创建css。

colors.xml:

<?xml version="1.0"?>
<colors>
    <background>#ccc</background>
</colors>

styles.xsl:

<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:output method="text" version="1.0" encoding="iso-8859-1"/>
    <xsl:template match="/">body {
    background-color: <xsl:value-of select="/colors/background" />;
}
</xsl:template>
</xsl:stylesheet>

渲染css样式的命令:xsltproc -o styles.css styles。xsl colors.xml

styles: css

body {
    background-color: #ccc;
}