CSS variables
CSS 自定义属性用于主题、组件参数和响应式变量。
语法
--brand: #2563eb;
color: var(--brand);
最小示例
document.documentElement.style.setProperty('--brand', '#2563eb');
常见错误
- 只看语法不看运行环境限制。
- 没有处理错误、权限或兼容性分支。
- 示例上线前应结合真实浏览器、服务器或 Git 仓库验证。
CSS 自定义属性用于主题、组件参数和响应式变量。
--brand: #2563eb;
color: var(--brand);
document.documentElement.style.setProperty('--brand', '#2563eb');