我正在处理一个相当长的CSS文件。我知道客户可能会要求更改配色方案，并想知道:是否可以将颜色分配给变量，这样我就可以更改一个变量，使新颜色应用于所有使用它的元素?
请注意，我不能使用PHP动态更改CSS文件。
当前回答
是的，在不久的将来(我在2012年6月写了这篇文章)你可以定义原生css变量，而不需要使用更少的/sass等!Webkit引擎刚刚实现了第一个css变量规则，所以Chrome和Safari的前沿版本已经可以使用它们了。查看官方Webkit (Chrome/Safari)开发日志和现场css浏览器演示。
希望在接下来的几个月里，我们可以看到浏览器对原生css变量的广泛支持。
其他回答
CSS本身不使用变量。但是，你可以使用另一种语言，比如SASS，用变量来定义你的样式，并自动生成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/
由于支持，不要使用css3变量。
如果你想要一个纯css解决方案，我会做以下事情。
Use color classes with semenatic names. .bg-primary { background: #880000; } .bg-secondary { background: #008800; } .bg-accent { background: #F5F5F5; } Separate the structure from the skin (OOCSS) /* Instead of */ h1 { font-size: 2rem; line-height: 1.5rem; color: #8000; } /* use this */ h1 { font-size: 2rem; line-height: 1.5rem; } .bg-primary { background: #880000; } /* This will allow you to reuse colors in your design */ Put these inside a separate css file to change as needed.
是的，在不久的将来(我在2012年6月写了这篇文章)你可以定义原生css变量，而不需要使用更少的/sass等!Webkit引擎刚刚实现了第一个css变量规则，所以Chrome和Safari的前沿版本已经可以使用它们了。查看官方Webkit (Chrome/Safari)开发日志和现场css浏览器演示。
希望在接下来的几个月里，我们可以看到浏览器对原生css变量的广泛支持。
