css的全局变量定义写法以及使用方法

css全局变量定义方法很简单，其实就是在根元素上先定义声明，那根元素是什么？对于html来说，根元素就是它自己，所以在定义的时候可以直接写:

html {
    --bgcolor: #999;
    --position-fixed: fixed;
    --default-font-size: 14px;
    --at: 'auto';
}

以上写法等同于：

:root{
    --bgcolor: #999;
    --position-fixed: fixed;
    --default-font-size: 14px;
    --at: 'auto';
}

以上:root的意思是选中根元素，其实就是html标签，冒号就是伪类选择器；在html中，:root恒等html

使用方法：

.class-name{
    background-color: var(--bgcolor);
    position: var(--position-fixed)
}