复杂的网站会有大量的CSS代码，往往会有很多重复的值。例如，相同的颜色值可能在数千或数百个地方使用。如果这个值有变化，需要全局查找，一个一个替换（很麻烦）。自定义属性在某个地方（通常是全局）存储一个值，然后在许多其他地方引用它，这样就可以进行一次修改，即全局更改。另一个好处是语义标记（例如--main-text-color比#00ff00更容易理解）。CSS变量（也称为自定义属性）是由项目开发人员定义的可重用的CSS属性值。大多数CSS变量都是全局定义的。CSS变量的声明（definitionofaCSSvariable）要求属性名需要以两个减号开头（如--success-color），属性值可以是任意有效的CSS值。身体{--success-color:green;--main-bg-color:brown;}CSS变量的使用需要使用var()函数加上“CSS变量属性名”来获取值。element{background-color:var(--main-bg-color);}注意：自定义属性名称区分大小写，--my-color和--My-color将被视为两个不同的自定义定义属性。另外，var(param1[,param2])var()函数可以使用第二个参数来表示默认值。如果param1指向的变量不存在，则使用param2声明的默认值。第二个参数位置的逗号或空格作为第二个参数整体处理。结尾。同步更新到自己的语雀https://www.yuque.com/dirackeeko/blog/nbsemh9k6rwpgfgn
