🟪

SASS/SCSS转CSS

📝 输入SCSS
📋 CSS结果
{{ n }}
📋
等待转换
输入SCSS代码后点击转换按钮

💡 功能说明

在线SCSS转CSS工具:帮助开发者将SCSS代码转换为标准CSS代码,支持变量解析、嵌套规则展开和混合处理。

  • SCSS转CSS — 将SCSS代码转换为标准CSS代码
  • 变量解析 — 自动解析SCSS变量并替换为实际值
  • 嵌套规则 — 展开嵌套规则,生成完整的CSS选择器
  • 混合处理 — 处理SCSS mixin混合语法
  • 父选择器引用 — 支持 & 引用父选择器
  • 语法高亮 — 支持CSS语法高亮显示,便于阅读和调试
  • 行号显示 — 显示代码行号,方便定位和阅读
  • 复制结果 — 一键复制处理后的结果到剪贴板
  • 加载示例 — 提供示例数据,快速开始使用

⚠️ 注意事项

  • 转换功能仅进行语法转换,保持样式效果不变
  • 支持SCSS 3.x语法特性(变量、嵌套、混合等)
  • 压缩功能会去除所有注释和空白字符,适合生产环境使用
  • 转换后代码可直接在项目中使用
  • 所有操作在浏览器本地完成,数据不会上传到服务器