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

Question

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

Answer 1

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

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

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

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