LESS在线编译器-把LESS代码转成CSS

LESS在线编译器-把LESS代码转成CSS

2 次使用 1星 - 很差 2星 - 较差 3星 - 一般 4星 - 很好 5星 - 非常好 0.0 (0人已评)

LESS在线编译器-把LESS代码转成CSS

写好一段 LESS,点一下就把它编译成标准 CSS,嵌套、变量、混入一次性展开。出错会标出第几行第几列,不用在本机装 Node 或构建工具。

正在加载 LESS 编译器…

编译由 less.js 在浏览器里完成,不依赖服务器,刷新页面即可重新编译。本工具不会去拉取 @import 引入的外部文件,需要的内容请直接写在代码里。

能用变量与运算、嵌套与父选择器 &、混入 Mixin、函数与守卫(Guard)、颜色与数学函数、递归 Mixin 实现的循环、@import 内联片段。
不支持加载远程 @import 文件、需要 Node 环境的插件与函数(如 data-uri 读取本地文件)、IE 滤镜相关写法。
编译耗时
输入字符
输出字符
编译状态

工具信息

发布日期: 2026-09-11

描述: LESS在线编译器用于在浏览器里把 LESS 代码编译成标准 CSS,实时显示编译结果与错误位置,支持压缩输出,帮助前端快速预览样式效果、验证嵌套与变量的写法。

使用方法: 1. 在左侧写 LESS 代码,或用「示例代码」下拉挑一个模板,编辑器带语法高亮,按 Ctrl+Enter 直接编译。2. 勾选「压缩输出」可得到去掉空格换行的精简 CSS。3. 点「编译」后右边显示生成的 CSS,出错会标出错误的行列位置并给出提示。4. 可以复制 LESS 源码、复制或下载生成的 CSS。注意:本工具不加载外部 @import 的文件,需要的内容请直接写在代码里。

← 返回

评论 (0)

发表评论

0/300

暂无评论,来发表第一条评论吧!

便签
已输入:0/500字

    扫码访问工具