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

Question

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

#container1 {
    background: #ff0000;
}

#container2 {
    background: #ff0000;
}

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

是不是不可能做这样的事情：

#container1 {
    background: redColor;
}

#container2 {
    background: redColor;
}

.redColor {
    background: #ff0000;
}

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

谢谢你的帮助！

安德鲁。

score 1 · Accepted Answer

1

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

于 2013-05-01T14:54:37.773 回答

score 1 · Accepted Answer

就像@Pekka 所说的那样，用 CSS 是不可能做到这一点的。

但是，正如@Adrift 所说，可以使用LESS 变量或SASS来完成。

以 LESS 为例：

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

#header { color: @light-blue; }

和 SASS 非常相似。

2 回答 2