我第一次使用 CSS 变量,但无法让它工作。我在 Chrome 上实现了它,并对我的代码进行了三次检查。
@default: red;
#myDiv {
color: @default;
}
<div id="myDiv">Hello World</div>
最佳答案
不幸的是,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 .
关于css - 为什么我的 CSS 变量不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7134273/