css-自定义属性

自定义属性：使用两个连词线 -- 声明的特殊格式作为名称，该名称被称为自定义属性，同时可以给自定义属性赋予任何值。比如 --color: #fff

变量：CSS的 var() 函数引用的自定义属性被称为变量，var() 会返回自定义属性所对应的值，同时可以被运用于相应的CSS属性。对应的即是CSS规则中的属性值。

兼容性：到目前为止所有的现代浏览器中都对CSS自定义属性做了良好的支持

全局自定义属性

/* 全局 */
:root{
    --theme-color:red;
}
.about{
    background-color:var(--theme-color)
}

局部自定义属性

/* 局部 */
.container{
    --font-color:blue;
}
.container .item{
    color:var(--font-color)
}
.otherContainer .item{
    color:var(--font-color)
}