Sass 转 CSS 编译器
在线将 Sass 或 SCSS 源码编译为标准 CSS。
深色模式
Sass 输入
在这里粘贴 Sass 或 SCSS 源码。
编译后的 CSS
这里显示编译后的 CSS 输出。
输入大小
0 B
输出大小
0 B
使用说明
- 将 Sass 或 SCSS 代码粘贴到输入编辑器。
- 点击“编译 Sass”生成 CSS。
- 查看右侧编译结果并按需复制。
- 历史记录可恢复最近转换过的内容。
- 样式较长时可切换深色模式。
相关知识
Sass 在 CSS 基础上增加了变量、嵌套、混入等能力，但浏览器最终只能识别编译后的标准 CSS。
为什么需要编译 Sass？
浏览器并不能直接理解 Sass 语法，发布前必须先转换成普通 CSS，才能被页面加载和应用。
这个工具支持什么输入？
这个页面适合处理常见的 SCSS 风格片段，用于快速试验嵌套规则、变量和小段样式代码。
主要特性
- 浏览器内 Sass 编译
- Monaco 编辑器输入输出
- 支持复制结果
- 支持本地历史恢复
常见应用
- 编译小型 SCSS 片段
- 验证嵌套选择器输出
- 预览变量和混入展开结果
- 生成可直接测试的 CSS