Question

我在网站上99％的元素上使用相同的3-4种颜色。我知道这绝对不可能，但我想我会问。

有没有办法指定颜色并在页面下方的其他元素中快速引用它？例如：

.red_color {
  color: #FF0000;
}

现在，在页面的下方我们还有其他元素：

div.example {
  padding: 10px;
  color: [REFERENCE ABOVE] 
}

这样，如果颜色发生变化，我可以在一个地方更新，所有其他元素也会跟进。

我知道如果我在一个地方列出所有元素是可能的，例如：

div.example, div.other_example, p {
  color: #FF0000;
}

但是这样，每次我在样式表中添加另一个元素时，我都要记得将它添加到这个列表中。

其他任何方式吗？

感谢。

Answer 1

是的，但不是CSS。看看使用LESS或SASS。然后，您可以定义变量并按照您的建议使用它们。