我正在研究一个很长的CSS文件.我知道客户端可能会要求更改配色方案,并且想知道:是否可以为变量指定颜色,以便我可以更改变量以将新颜色应用于使用它的所有元素?
请注意,我无法使用PHP动态更改CSS文件.
我听说我们可以在CSS中声明/定义变量并像使用全局变量一样使用它们:
@nice-blue: #5B83AD;
#header { color: @nice-blue; }
Run Code Online (Sandbox Code Playgroud)
所以任何人都知道如何使用它们?
我正在尝试使用CSS变量.我在网上寻找教程,到目前为止所有这些都有效.
这是我的CSS:
@variables {
defaultColor: #8E5050;
defaultBackGround: #E1DBC3;
}
body {
background: var(defaultBackGround);
}
a {
color: var(defaultColor);
}
Run Code Online (Sandbox Code Playgroud)
我也尝试过:
body {
background: @defaultBackGround;
}
a {
color: @defaultColor;
}
Run Code Online (Sandbox Code Playgroud)
它们都不起作用,我做错了什么?谢谢