Sass / Less ⇄ CSS 互转

Sass/SCSS、Less 与 CSS 双向编译、压缩与美化，错误行一键定位，IDE 级实时预览。

加载工具中…

常见问题

Q：Sass 和 SCSS 有什么区别？

A：SCSS 使用大括号语法，兼容 CSS；Sass 使用缩进语法。两者都可被本工具编译为 CSS。

Q：支持 Less 吗？

A：支持。在顶部切换「Less → CSS」即可把 .less 源码编译为 CSS，变量（@var）、嵌套、混入（mixin）等语法均可正常编译。

Q：编译报错了，怎么快速找到出错位置？

A：报错信息会显示「第 N 行」并标红高亮对应行，点击错误提示即可自动滚动到源码那一行，无需自己数行号。

Q：「美化」和「压缩」有什么区别？

A：美化（beautify）把源码按统一缩进与换行重新排版，便于阅读与维护；压缩（minify）去掉空格与注释，体积更小，适合上线。

Q：压缩后的 CSS 还能还原吗？

A：压缩是有损可读性的，但语义不变。如需可读性请使用「美化」功能。

Q：数据会发送到服务器吗？

A：不会。所有编译与压缩均在你的浏览器本地完成，内容不会上传。