前言我们在写CSS文件的时候，很多值都是大量重复的。如果我们每次用的时候都用具体的值，后面不修改也无妨。一旦涉及修改，工作量就会很大。因此，在实践中，使用CSS变量对于可维护性来说是必要的。这可以纳入CSS编码原则：只要一个值出现不止一次，这个值就应该定义为CSS变量。实现相同的文件/*define*/:root{--size:16px;}/*use*/div{width:var(--size);}不同的文件/*index.css*/:root{--systemBlue-Light:#007AFF;}/*someComponent.module.css*/@import"../../index.css";div{color:var(--systemBlue-Light);}不同文件之间的变量调用方便在React中实现CSS全局变量。
