CSS预处理器
Css 作为一门标记性语言，语法相对简单，对使用者的要求较低，但同时也带来一些问题需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为缺少Css 编写经验而很难写出组织良好且易于维护的ss代码。Css预处理器便是针对上述问题的解决方法。
扩充了 Css 语言，增加了诸如变量、混合(mixin)函数等功能，让Css更易维护、方便
本质上，预处理是Css 的超集包含一套自定义的语法及一个解析器，根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的Css 文件。
CSS 预处理器极大地提升了样式开发的效率和可维护性
有哪些
- sass\scss
- less
- stylus
区别
总结：如何选择？
| 维度 | Sass | Less |
|---|---|---|
| 语法灵活性 | 高（支持两种语法） | 中（类 CSS 语法） |
| 继承机制 | 支持 @extend | 依赖混入 |
| 逻辑控制 | 强（控制指令、函数） | 弱（条件混入） |
| 模块化 | 严谨（局部作用域） | 简单（全局作用域） |
| 编译方式 | 需预编译，性能优 | 支持客户端编译，轻量 |
| 适用场景 | 复杂项目、大型团队 | 简单项目、快速开发 |
推荐场景：
- 选择 Sass：
需处理复杂逻辑、追求代码复用性的大型项目。 - 选择 Less：
需快速上手、兼容旧项目或客户端动态编译的场景。
