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

Question

在CSS文件中，有没有办法将变量用于颜色（或其他属性）？例如，假设我有以下代码：

#container1 {
    background: #ff0000;
}

#container2 {
    background: #ff0000;
}

如果我决定将整个网站的红色（＃ff0000）更改为其他内容，我需要在StyleSheet中找到并替换“＃FF0000”的所有实例。如果我在整个网站上有多个StyleSheets，这可能会很烦人。

不可能做这样的事情：

#container1 {
    background: redColor;
}

#container2 {
    background: redColor;
}

.redColor {
    background: #ff0000;
}

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

感谢您的帮助！

安德鲁。

Answer 1

Sass或更少会添加此功能等等。

http://sass-lang.com/

http://lesscss.org/

Answer 2

就像@Pekka所说，用CSS做不到这一点。

但是，正如@Adrift所述，可以使用LESS Variables或SASS进行此操作。

例如：

@nice-blue: #5B83AD;
@light-blue: (@nice-blue + #111);

#header { color: @light-blue; }

SASS非常相似。