在线css转less/sass/stylus工具 css编辑器

这是一款多功能的css转less/sass/stylus工具，默认转换结果为less代码。用户可选择css文件一键上传并读取到编辑器中（或直接输入css代码到编辑器），即可在结果编辑器中看到同步转换后的结果代码。针对转换后的less/sass/stylus代码还提供了复制、下载保存等功能。此外该工具还具有css/less/sass/stylus的代码高亮显示功能，可作为css/less/sass/stylus的编辑器使用。免费提供给需要的朋友使用。（与之对应的，这里再为大家推荐一款在线less转css工具）

输入 CSS

变量

结果

提示!变量以 @开头表示，此处设置的变量可替换结果中显示的内容。如：示例中@red:#f00;表示用变量@red替换结果中的#f00;

输出语言

LESS Sass Stylus

使用缩进

2个空格 4个空格 Tabs

注释

命名空间外的注释命名空间内的注释

Hacks

去除Hacks和前缀

在线css转less/sass/stylus工具说明

1. 这款工具借鉴网上同类工具改进而来，css代码编辑器部分增加了css文件的上传与读取功能。
2. 提供了css编辑器的代码高亮显示功能。
3. 完善了变量编辑器部分的文字说明
4. 完善了转换结果代码的复制、保存及所有代码框清空的功能
5. 针对转换结果提供了LESS、Sass及Stylus的选择，缩进格式的选择，注释的显示及Hacks的显示等功能。并针对less、sass、stylus等不同格式转换结果可保存成相应格式的文件。