css自定义变量

定义一个css变量--开头,var 来调用

:root{--xiaoyu:red;}.box{background-color:var(--xiaoyu,black);}

background-color:var(--xiaoyu,black);

，black表示如果前面的变量值不生效，就用逗号后面的。

这里的：root表示在html所有作用域下，你也可以规定某一个作用域下的变量

如：

.box{--one:red;}

这个时候这个变量只能在.box的元素下生效