SCSS 转 CSS 转换器
免费在线SCSS转CSS编译器，无需安装。将SCSS/SASS代码编译为CSS格式。
关于 SCSS 转 CSS
通过解析基于缩进的规则块，将 SCSS 嵌套展平为普通 CSS。它会把嵌套选择器与父级选择器拼接（遵循 & 父级引用简写），输出每条规则及其属性，并移除行注释、$variable 声明等 SCSS 专有特性。
如何使用
1. 将 SCSS 粘贴到输入框。 2. 点击 Convert，在输出框中渲染出 CSS。 3. 使用 Copy 复制结果。如果输入为空，会显示错误提示。
嵌套与变量
嵌套选择器会以空格与父级选择器拼接，例如 .parent .child。以 & 开头的子选择器（包括 &:hover 这类伪类）会不加空格地直接拼接到父级之后。SCSS 的 $variable 声明会被替换为 /* $variable removed */ 注释，其余仍出现的 $name 使用会被改写为 var(--variable)，因此即便不做完整的变量解析，输出也是合法的 CSS。
▶解析器是如何检测嵌套深度的？
它会测量每行的前导空白，并维护一个打开规则的栈。如果某一行的缩进比上一条规则更深，就成为该规则的子级；如果缩进相同或更浅，则回退栈到匹配的父级。
▶SCSS 变量是如何处理的？
$var: value; 声明会被删除并替换为注释，其余对 $var 的引用会被改写为 var(--variable)。本工具不会替换原始值，因此若需要完整的变量解析，请改用 Dart Sass 编译器。
▶支持 @include、@mixin 或 @extend 吗？
不支持。转换器仅处理嵌套选择器与基础属性。Mixin、继承、函数以及 @use/@import 都不会被展开，应当交给真正的 Sass 编译器处理。
▶行内注释会被保留吗？
不会。以 // 开头的行会在解析时被丢弃，因为它们在普通 CSS 中并不合法；只有标准的 /* ... */ 块注释才会出现在输出中。
如果这个工具对你有帮助的话，请考虑请我喝杯咖啡。
请给我买杯咖啡吧。