为什么我的CSS变量不起作用？

Question

我第一次使用CSS变量，但无法使其工作。我在Chrome上实现了它，并且三重检查了我的代码。

@default: red; 
#myDiv { 
color: @default; 
} 
<div id="myDiv">Hello World</div> 

Answer 1

不幸的是，css本身并不支持变量，但有些库增强了css语法以允许您使用变量等。 Matt Bell提到的最受欢迎的是Less和Sass。

基本上他们做的是分析所有的CSS变量和使用功能被编译成一个有效的CSS文件，您可以在您的网页/使用你写的文件，并输出一个。

http://sass-lang.com/
http://lesscss.org/

官方W3C CSS规范：
http://www.w3.org/TR/CSS/

编辑：

由于这年前最初回答事情发生了变化。 CSS变量现在是规范

对于文档/说明检查出excellent MDN article的一部分。

对于当前/上最新的支持和统计check out caniuse.com。