自定义属性

声明与使用

--主色: #3366cc; 在使用处写 color: var(--主色);。

作用域

定义在 :root 为全局；定义在某选择器内则子元素可覆盖继承。

主题切换

修改根或某容器上变量即可换肤，配合 JavaScript 修改 document.documentElement.style 也很方便。

小结

变量是现代 CSS 工程化与主题的基础工具。