Less 的语法风格更贴近 JavaScript：变量用 @width 而不是 $width，混入可以像调用函数一样直接引用一个已有类，守护（guard）表达式代替 @if 做条件分支。它由 Node.js 编写，既能用命令行编译成 CSS，也可以引入 less.js 在浏览器里实时编译，早年入门门槛很低，在 Bootstrap 3 时代几乎与 Sass 平分秋色。
如今 Less 的生态明显落了下风：函数与控制能力弱于 Sass，社区新特性更新缓慢，Vite 等新一代脚手架的默认推荐也是 Sass。但大量老项目维护、不少管理后台模板仍然依赖它，因此它的语法的知识仍有价值。它与 SCSS 高度相似，会 Sass 的开发者可以平滑阅读 Less 代码，迁移更多是生态而非语法问题。
<style> /* Less 写法： @primary: #4a9eff; .btn { background: @primary; } */ .btn { background: #4a9eff; color: #fff; border-radius: 6px; padding: 8px 16px; } </style> <button class="btn">Less 变量编译效果</button>