CSS预处理器/后处理器是什么?为什么要使用它们？

【概念释义】

CSS 预处理器（Preprocessor） 是在原生 CSS 之上增加变量、嵌套、混入、函数等编程能力的工具，典型代表有 Sass、Less、Stylus。源码经编译后输出标准 CSS，浏览器只消费编译结果。

CSS 后处理器（Postprocessor） 在 CSS 生成之后运行，对已有样式做转换与增强，典型代表是 PostCSS 及其插件生态（如 Autoprefixer、cssnano）。它不负责「写样式时的语法糖」，而负责「产物阶段的自动化处理」。

二者常配合使用：预处理器解决可维护性与抽象复用，后处理器解决兼容性补全与构建优化。

【基础使用】