脚本之家在线工具

电脑版
提示:原网页已由神马搜索转码, 内容由tools.jb51.net提供.
更新记录
2017.10.12:在线css转less/sass/stylus工具上线
  1. 首页
  2. 代码工具
  3. 在线css转less/sass/stylus工具,css编辑器

在线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文件：

输入 CSS

1
 

变量

结果

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

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

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

脚本之家工具类小程序上线了！微信小程序搜索 脚本之家工具箱或者扫描如下小程序码直接打开小程序！

小程序工具箱仍在不断改进完善中，欢迎提出宝贵意见！

为回馈广大用户对脚本之家的关注，脚本之家不定期开展红包、图书、礼品大放送活动

关注官方微信公众平台即可参与活动！

最后，感谢您对脚本之家在线工具的支持！