我应该为现有的 HTML 颜色名称使用 CSS 变量吗

Question

例如，我有很多使用白色的 CSS 代码。

:root {
   --color-white: #fff;
}

我的问题是是否值得将“黑色”和“白色”等颜色声明为变量，或者我应该使用默认的 white 和 black CSS 颜色名称？哪种方式效率更高？

Answer 1

我怀疑效率是否是按照建议的方式使用 CSS 变量的驱动力。

没有必要重命名现有的 CSS 颜色，而且确实会引起混淆。

CSS 变量虽然使更改变得更容易。例如，如果您正在尝试使用黑底白字的主题，并且如果您的 CSS 中有几个地方需要设置颜色或背景颜色，您可以定义 --col: black 和 --bg: white and然后在样式表的相关位置使用 var(--col) 等。

如果你想改变它们，你所要做的就是重新定义--col和--bg。