Var()函数用于插入css变量的值

Var()函数用于插入css变量的值

Var()函数的语法如下

Varnamevalue)

Name,必须变量名,以两个破折号开头

Value值可选

root选择器匹配文档的根元素

例如:

 

root{

--blue: #1e90ff;

  --white: #ffffff;

 }

 

之后使用

 

覆盖变量。 

在全局声明变量以后,可以在元素内部进行修改

例如:在全局声明变量以后

 

root{

--blue: #1e90ff;

  --white: #ffffff;

 }

button{

   --blue: #0000ff(对变量进行修改覆盖)

}

posted @ 2021-04-04 20:21  码字员  阅读(115)  评论(1编辑  收藏  举报