CSS 预处理器转换工具
在 LESS、SCSS、SASS、Stylus 与 CSS 之间互相转换。转换为 CSS 时使用真实编译器,其他方向则采用启发式转换。
正在加载转换器...
使用方法
- 1 选择源语言和目标语言。
- 2 粘贴你的样式表。
- 3 结果会随输入实时显示。较大的库仅在首次需要转换时才会加载。
- 4 复制或下载转换结果。
为什么使用此工具
- 支持全部 5 种格式:LESS、SCSS、SASS(缩进式)、Stylus 和纯 CSS。
- 只要可行就使用真实编译器:<code class="rounded bg-slate-100 px-1 text-xs dark:bg-slate-800">less</code>、<code class="rounded bg-slate-100 px-1 text-xs dark:bg-slate-800">sass</code>、<code class="rounded bg-slate-100 px-1 text-xs dark:bg-slate-800">stylus</code>,用于所有转换为 CSS 的方向。
- 其余转换方向采用启发式变换(替换变量符号、重新格式化括号/缩进)——速度快,但不是完整的转译。
- 全程在客户端处理——你的样式表绝不会离开浏览器。
常见问题
哪些转换方向使用真实编译器?
LESS 转 CSS、SCSS 转 CSS、SASS 转 CSS 以及 Stylus 转 CSS 都使用官方编译器。其他转换方向则采用启发式方法——替换变量符号(@ 与 $ 互换)并重新格式化括号/缩进。
为什么 SCSS 转 LESS 只能用启发式方法?
目前并不存在从 SCSS 到 LESS 的原生编译器。这两种语言在混合宏(mixin)、控制指令和内置函数上存在差异。工具只会替换变量符号并给出提示——你可能还需要手动调整一些细节。
如果库加载失败会怎样?
工具会自动进行安全降级(graceful degrade),返回原始输入内容并附上“library unavailable”的提示。页面不会因此崩溃。
正在寻找 CSS 格式化工具?
刚好有——看看我们的 <a href="/css-formatter" class="underline">CSS Formatter</a>。
什么是 CSS 预处理器转换工具?
CSS 预处理器转换工具可在浏览器中直接对 LESS、SCSS、SASS、Stylus 与纯 CSS 之间的样式表进行转换。对于最终编译为 CSS 的方向,工具会调用真实编译器;对于其他转换方向,则采用启发式变换在各预处理器格式之间转写语法,整个过程完全在客户端完成。
CSS 预处理器转换工具 是 Zerethon Tools 提供的免费 开发者 工具。在 LESS、SCSS、SASS、Stylus 与 CSS 之间互相转换。转换为 CSS 时使用真实编译器,其他方向则采用启发式转换。. 完全在浏览器中运行 — 无需注册,无需上传。
- 分类
- 开发者
- 价格
- 免费
- 隐私
- 基于浏览器
- 注册
- 无需
隐私
除非另有说明,否则你的数据永远不会离开浏览器。CSS 预处理器转换工具 完全在客户端运行 — 无需上传服务器,不记录日志,不追踪你输入的内容。
相关工具
在 Zerethon Social 上创作、分享与成长
免费注册。赚取积分,收集成就,与全球创作者建立联系。