带有前缀
--
的属性名，比如
--example--name
，表示的是带有值的自定义属性，其可以通过 var 函数在全文档范围内复用
CSS 自定义属性是可以级联的：每一个自定义属性可以多次出现，并且变量的值将会借助级联算法和自定义属性值运算出来
这意味着，同一个自定义属性名可以被多次赋值
--<name> : <declaration-value>
color : var(--<name>)
var() 的使用 :
developer.mozilla.org/zh-CN/docs/…
使用示例：
CSS变量可以在任何元素内定义
将CSS自定义属性添加到:root使其可用于页面中的所有元素
如果在.container选择器内添加变量，则仅在.container 内可用（作用域问题）
JS与CSS变量进行交互
设置元素样式：
[el].style.setProperty（[属性名]，[值]）
获取元素样式：
getComputedStyle（[el]）
获取元素样式属性值：
[styles].getPropertyValue（[属性名]）
参考链接：
js设置css自定义变量_CSS变量（自定义属性）
developer.mozilla.org/zh-CN/docs/…
Vue超好玩的新特性：在CSS中使用JS变量
三三_33
Web前端开发
粉丝
