css颜色多个地方引用，修改时很麻烦，有什么解决方法？

Question

在一个项目中有多个地方都用到同一个颜色，以后需要改颜色时每个地方都要改很麻烦，一般是怎么解决这个问题的？

Answer 1

预处理工具，比如 stylus，然后做成变量。

如果在现代浏览器，可以直接用 CSS 变量，比如：

:root {
  --my-color: #300;
}

.some-font {
  color: var(--my-color);
}

Answer 2

使用sass、less等css预编译语言，设置变量，如$color : #333;

Answer 3

写个common.css文件定义color-class设置样式引入到main.js里，每次改通用样式就行