面试题：CSS 自定义属性（变量）？与 Sass 变量区别？

定义与使用

:root {
  --brand: #3366ff;
}
.btn {
  color: var(--brand, fallback);
}

运行时有效，可在媒体查询、内联 style、JS 中修改 → 主题切换、暗色模式方便。

作用域

变量可继承，在选择器上定义即限制作用域（不仅 :root）。

与 Sass/Less 变量

预处理器变量编译期替换，无运行时；CSS 变量保留在浏览器，可与 JS 联动。