浏览器里的 Less 编译器：左边写 Less，右边即时出编译后的 CSS。用的是官方 less.js 内核，和 webpack / gulp 里的 less 一致。
.min.css。math: strict），否则默认全部运算（math: always）。&、Mixin / clearfix、颜色函数 四组，点一下填进输入框。style.min.css）。less.js），不联网、不上传代码。javascriptEnabled: false），`...` 反引号求值不可用。@import 的远程 / 本地文件——只编译你粘进来的这一段。| Less | 编译后 CSS |
|---|---|
@w: 10px; width: @w * 2; |
width: 20px; |
.box { a { color: red } } |
.box a { color: red; } |
&:hover { } |
拼到父选择器上 |
darken(#fff, 10%) |
#e6e6e6 |
.mixin() { … } + .mixin(); |
在调用处展开 |
相关：CSS 格式化 · SASS/SCSS 转 CSS · JS 格式化 · CSS 单位换算 · 颜色选择。
只编译粘进来的这段，不处理 @import 的外部文件。