CSS变量 CSS自定义属性 定义CSS的变量 element { --main-bg-color: brown; } 注意:自定义属性名是大小写敏感的。 注意:规则集所指定的选择器定义了自定义属性的可见作用域。通常的最佳实践是定义在根伪类 :root 下,这样就可以在HTML文档的任何地方访问到它了。 :root { --main-bg-color: brown; } 引用CSS的变量 element { background-color: var(--main-bg-color) }