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

时间: 作者:admin 浏览:

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)
}
微信公众号
微信公众号:
  • 前端全栈之路(微信群)
前端QQ交流群
前端QQ交流群:
  • 794324979
  • 734802480(已满)

更多文章

栏目文章


Copyright © 2014-2023 seozhijia.net 版权所有-粤ICP备13087626号-4