Sass

Sass（Syntactically Awesome Style Sheets）是2006年由Hampton Catlin设计、Natalie Weizenbaum开发的专业级CSS扩展语言，解决大型样式表重复、难维护的问题，通过预处理将.sass或.scss文件编译为标准CSS。

核心能力：CSS做不到的它都做了

Sass在CSS基础上增加了变量、嵌套、混合（@mixin）、继承（@extend）、模块（@import/@use）、运算符和内置函数，让样式可编程。

• 变量存储：用$符号定义颜色、字号等值，一处修改全局生效
• 嵌套规则：选择器可层级嵌套，避免重复书写父级
• 混合指令：@mixin定义可复用的样式块，@include调用，支持参数和内容块
• 继承：@extend让一个选择器继承另一组样式，减少冗余
• 模块化：通过@import或@use拆分文件，支持分音（partial）文件命名以下划线开头
• 运算：数字、颜色、字符串均支持算术运算，如颜色值加减

两种语法：SCSS与缩进式Sass

Sass提供两种语法格式，均支持全部功能，可通过sass-convert工具互相转换。

• SCSS（.scss）：CSS超集，所有合法CSS即合法SCSS，使用花括号和分号
• 缩进语法（.sass）：使用缩进替代花括号、换行替代分号，更简洁
• 互转命令：sass-convert style.sass style.scss 或反向转换

使用方式与编译流程

Sass通过命令行或Ruby模块将源文件编译为CSS，支持单文件、目录监视和多种输出格式。

• 单次编译：sass input.scss output.css
• 监视模式：sass --watch input.scss:output.css，文件保存时自动重编译
• 目录监视：sass --watch app/sass:public/stylesheets 监视整个文件夹
• 输出格式：支持nested、expanded、compact、compressed四种风格
• 安装方式：gem install sass（需Ruby环境），或使用Dart Sass（当前主力版本1.101.7）

社区与生态

Sass由核心团队维护，拥有大量框架和活跃社区，遵循MIT许可证。

• 框架生态：Bootstrap、Bourbon、Susy等均基于Sass构建
• 社区准则：强调包容、尊重、责任，禁止骚扰行为
• 版本现状：Dart Sass 1.101.7为当前主力，LibSass和Ruby Sass已停止维护
• 许可证：MIT，可自由使用和修改

常见问题

Q1：Sass和SCSS有什么区别？

A1：SCSS（.scss）是CSS的超集，使用花括号和分号，所有CSS代码都是合法SCSS；Sass（.sass）是缩进语法，用缩进代替花括号、换行代替分号。两者功能完全一致，可通过sass-convert互相转换。

Q2：Sass如何实现变量作用域控制？

A2：Sass变量使用$符号定义，默认作用域为定义时的选择器层级。使用!default标记可设置默认值，允许在导入前覆盖；混合指令（@mixin）内部变量默认局部，可通过全局变量或参数传递影响外部。

Q3：Dart Sass和LibSass应该选哪个？

A3：官方推荐Dart Sass（当前版本1.101.7），它是主力维护版本，支持所有新特性。LibSass和Ruby Sass已标记为停止维护（），不建议新项目使用。

更多同类工具与网站,可在预编译工具分类继续挑选。

信息核实于 2026年7月,具体以官网为准。