有没有办法在CSS中定义颜色的常量？

Question

我的CSS文件中的所有颜色都散布在各处。

我希望CSS中的所有颜色都在一个地方，因此很容易调整。像常量之类的东西会很有用。

什么是帮助的好方法？我想象下面的内容，但我很感激任何建议：

BODY_BACKGROUND_COLOR = #A8A8A8;
HEADER_BACKGROUND_COLOR = BLUE;
HEADER_TEXT = BLACK;
BODY_TEXT = #eee;

/* ... tonnes of CSS ... */

body {
  background-color: BODY_BACKGROUND_COLOR;

/* ... tonnes of CSS ... */

.header {
  /* ... tonnes of CSS ... */
  background-color: HEADER_BACKGROUND_COLOR;
  /* ... tonnes of CSS ... */
}

Answer 1

您可以使用CSS处理程序，例如LESS。

但是，如果您只想将颜色用作常量，则可以使用服务器端语言处理文件。

Answer 2

LESS绝对是一个合适的选择。除了在HTML中添加js文件之外，它不需要任何操作。请记住，它会增加客户端的负载。一旦你喜欢它，你可以在服务器端使用它开始使用它，从而避免客户端负载。

它还为您提供了对颜色执行操作的选项 - 例如添加两种颜色，按指定百分比使颜色变亮和变暗等等。

顺便说一句，我认为使用服务器端语言为每个请求处理CSS文件会给服务器带来不必要的负担。而AFAIK，包括HTML文件内联的CSS代码是唯一的方法，这不是提供CSS文件的最佳方式（因为它们不能被缓存）。