Css的全局属性,也叫Css的变量

:root{
    --x1:10px;
    --x2:20px;
    --x3:#bfa;
}
在样式表的:root内,使用--自定义的,叫css变量
这个变量储存在doucmentElement.style里面

使用js控制
=>设置指定键对值的系统属性
setProperty (String prop, String value);

doucment.doucmentElement.style.setProperty(--x1,value);
这样子就可以改变其CSS的变量了