Sass

两种语法与历史

Sass 有两种语法：最初的缩进语法（.sass 文件，无花括号）和 2009 年引入的 SCSS（.scss 文件，完全兼容 CSS 语法）。SCSS 因为迁移成本低得多，迅速成为事实标准，几乎所有教程和项目默认使用 SCSS。

原始实现是 Ruby 写的，性能一直是痛点。2014 年出现的 LibSass（C++ 实现）大幅提速，但功能追赶进度慢；2019 年官方推出 Dart Sass 作为参考实现，2022 年起 LibSass 已正式弃用，Dart Sass 是唯一受支持版本。[1]

核心特性

Sass 解决了原生 CSS 长期缺失的工程化能力：

• 变量：$primary-color: #3498db 定义一次到处用，比 CSS 自定义属性早约 10 年普及
• 嵌套：让选择器层级直观可读，但也容易写出过深嵌套造成特异性（specificity）混乱
• @mixin 与 @include：封装可复用样式片段，支持参数，常用于响应式断点、清除浮动等
• @use 与 @forward（Sass 模块系统，2019 年）：取代旧的 @import，避免全局命名空间污染

如今 CSS 原生变量、calc()、:is()、嵌套（Chrome 112+）等特性逐渐跟上，Sass 的部分优势已被缩减，但在需要维护大型设计系统的团队中它仍不可替代。