原生 CSS 变量的优势

我倾向于认为变量最好留给预处理步骤，但将它们直接放在 CSS 中有一些明显的好处。

1. Daniel Imms

   它们可以在运行时更改，允许更优雅地实现主题等功能。

   例如，更改实时渲染网页上变量的值，并查看更改反映在使用该变量的所有地方。

2. Peter Gasston

   您可以通过样式对象上的 setProperty() 方法设置值。

   这使得 #1 成为可能，并打开了各种酷炫的可能性。

3. 它们可以作用于某个元素的范围。 因此，也许您可以设置表示颜色的变量来对网站进行主题化，但在组件级别覆盖它们，以根据需要在较小的位置应用不同的主题。

直接链接 →