CSS 预处理器变量和 CSS 自定义属性（通常称为“CSS 变量”）可以执行一些相同的事情，但并不相同。
来自 Mike Riethmuller 的实用建议
如果在组件内部使用静态变量是可以的，那么我们什么时候应该使用自定义属性？将现有的预处理器变量转换为自定义属性通常没有意义。毕竟，自定义属性的原因完全不同。当我们有相对于 DOM 中条件（尤其是动态条件，例如 `:focus`、`:hover`、媒体查询或 JavaScript）改变的 CSS 属性时，自定义属性才有意义。
CSS 自定义属性策略指南
DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度！