使用css var()函数配置全局公用样式

原理：定义一个名为 "XXX" 的属性，然后使用css的 var() 函数调用该属性

代码示例

//定义样式：格式以--开头，如--XXX
:root {
    --main-color: #000;  //主色
    --sub-color: #ccc;  //副色
}

//使用样式
.demo{
    color: var(--main-color);
    background-color: var(--sub-color);
}

vue中使用，动态决定颜色

标签：sub,color,XXX,公用,--,var,样式,css
来源： https://www.cnblogs.com/huihuihero/p/16578743.html