css 中带有「--」前缀的属性是什么意思？

Question

这是我在一个网站上翻源码看到的，很奇怪，没见过这种用法，有知道相关资料的吗？

Answer 1

变量 http://www.ruanyifeng.com/blog/2017/05/css-variables.html

Answer 2

--是CSS中对于变量申明的前缀，任何类型的值都可以在变量中申明：

--white-color: #fff;
--rgb-color: rgb(255, 255, 255);
--body-height: 70px;
--center-padding: 40px 20px;

var()函数可以读取变量，在CSS中当作且仅可当作属性值使用,可以放置第二个参数作为默认值：

.demo-title{
    color: var(--white-color, #f2f2f2 );
}

Answer 3

https://www.baidu.com/s?wd=cs...