Less 转 CSS 编译器
在线将 Less 源码编译为标准 CSS。
深色模式
Less 输入
在这里粘贴 Less 源码。
编译后的 CSS
这里显示编译后的 CSS 输出。
输入大小
0 B
输出大小
0 B
使用说明
- 将 Less 代码粘贴到输入编辑器。
- 点击“编译 Less”生成 CSS。
- 查看编译结果并按需复制。
- 历史记录可恢复最近转换内容。
- 检查较长样式时可切换主题。
相关知识
Less 是一种 CSS 预处理器，可以提供变量、嵌套和函数等能力，最终仍然会被编译回普通 CSS。
为什么使用 Less？
Less 可以减少重复样式逻辑，让变量和结构化规则更容易维护，常用于组件库和设计系统。
编译后应该检查什么？
建议重点检查选择器展开、变量替换以及最终输出是否符合预期，避免生成冗余或意外规则。
主要特性
- 浏览器内 Less 编译
- Monaco 编辑器工作流
- 支持复制结果
- 支持本地历史恢复
常见应用
- 快速编译 Less 片段
- 测试变量替换效果
- 预览嵌套规则输出
- 生成实验用 CSS