如何使用HTML和CSS的颜色创建有组织的库？

Question

对于较大的网络项目，我发现手动更改所有不同的颜色是不切实际的。这些颜色是相同的。

这就是为什么我想知道是否可以在普通的网络项目中创建某种颜色库？

举个例子，这可以在例如android studio中，你可以很容易地在xml文件中为颜色命名，通常称为“color.xml”：

总结这个问题：

这是否可以在具有HTML和CSS的Web项目中实现？

Answer 1

CSS为我们提供了variables的概念，但它还没有完全支持，所以我不会在生产中运行和使用它。

这适用于chrome / firefox，但我不确定其他浏览器：

＆＃13;

＆＃13;

html {
  --main-color: #FF0000;
  --sub-color: #00FF00;
}
.main {
  color: var(--main-color);
}
.sub {
  color: var(--sub-color);
}

＆＃13;

<div class="main">asd</div>
<div class="sub">def</div>

＆＃13;

＆＃13;

＆＃13;

您也可以使用SASS / SCSS / LESS / Stylus或许多其他。