Sass、Less是什么?为什么要使用它们？

【概念释义】

Sass（Syntactically Awesome Style Sheets） 与 Less（Leaner Style Sheets） 都是主流 CSS 预处理器。它们在 CSS 基础上提供变量、嵌套、混合（Mixin）、继承、运算、函数等能力，最终通过编译器输出浏览器可执行的标准 CSS。

为什么要用：大型项目中原生 CSS 易出现重复值、选择器冗长、主题色散落各处；预处理器用模块化与抽象降低维护成本，并与构建工具（Webpack、Vite）深度集成。