css - 是否可以使用变量来保存 CSS 中的属性值？

Question

在 CSS 文件中，有没有办法为颜色(或其他属性)使用变量？例如，假设我有以下代码:

#container1 {
    background: #ff0000;
}

#container2 {
    background: #ff0000;
}

如果我决定将整个站点的红色 (#ff0000) 更改为其他颜色，我需要在样式表中查找并替换所有“#FF0000”实例。如果我在整个站点中有多个样式表，这可能会很烦人。

难道不能做这样的事情吗:

#container1 {
    background: redColor;
}

#container2 {
    background: redColor;
}

.redColor {
    background: #ff0000;
}

我知道我可以用类“redColor”引用“container1”，但我想知道我是否可以使用变量以便我可以引用其他属性(如字体颜色等)的值...

感谢您的帮助!

安德鲁。

Answer 1

Sass 或 Less 将添加此功能以及更多。

http://sass-lang.com/

http://lesscss.org/