html - 引用 CSS 文件中的特定颜色

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。然后您可以定义变量并按照您的建议使用它们。