
使用 :root 设置 CSS 的全局变量
root 伪类选择器,跟别的选择器一样能设置样式,因为其匹配的是文档的根元素,所以其定义的样式同样是全局样式。:root 选择器使用变量,通过 var() 来引用变量,例如:color: var(–color-black-light)。同样,变量能够引用另一个变量,例如:–border-black-light:var(–color-black-light)。:root 选择器定义变量,通过双英文中杆线 – 开头设置,例如: --color-black-light: #666666。



