css色值统一管理

Question

我想把色值统一管理，而不是分别写到每个类中，应该怎么写啊

Answer 1

这种场景用Less或者Sass最适合不过了。
以Less举例（使用简单，门槛很低，关于Less的介绍戳这里）

1. 把色值都放在一个文件里管理，比如 colors.less。 @c-666表示是一个变量名，自定义的，以@符号开头
   文件 colors.less

   @c-666: #666;
   @c-333: #333;
   @c-999: #999;

2. 接下来，在需要使用这些颜色的less文件中（比如home.less)，引入它
   文件 home.less

   @import "colors.less";
   
   .yourstyle {
      color: @c-999;
   }

编译后，生成的home.css文件中就能看到你希望的颜色值，实现了本问题统一管理颜色（不光是颜色，尺寸什么的也一样的道理）的目的。