声明:文档由AI生成,仅作参考,最终功能和计费标准以官方为准。
Less(全称 Leaner Style Sheets)是由Alexis Sellier于2009年研发,后由核心贡献团队维护的JavaScript工具,是CSS的向后兼容式语言扩展Less的配套解析工具,核心功能为将Less样式代码转换为标准CSS样式代码,让开发者可通过Less的便捷语法提升CSS开发效率。
由于 Less 的外观与 CSS 非常相似,因此学习起来非常容易。Less 只在 CSS 语言的基础上进行了一些便捷的扩展,这也是它易于学习的原因之一。
![]()
Less.js基于Apache 2协议开源发布,全功能免费提供,可自由下载、使用于个人、企业内部及商业场景,也可将其集成到自研的包或分发产品中,无任何付费模块、会员及增值服务。
A:Less是CSS的向后兼容式语言扩展,在CSS基础上增加了便捷的语法特性,Less.js可将Less代码转换为标准CSS代码,Less中可直接编写纯CSS代码,保证了与现有CSS生态的兼容。
A:从Less 4.0版本开始,/运算符在括号外不再执行除法运算,仅作为普通符号处理,如需执行除法运算,需要将运算内容放置在括号内,也可修改Math设置改变该规则,但官方不推荐此操作。
A:为保证CSS兼容性,Less对calc()函数不直接解析其中的数学表达式,但会解析嵌套在其中的变量和数学运算,最终生成包含原calc()结构的CSS代码。
A:在定义命名空间时,为其添加()后缀(如#bundle()),即可让该命名空间仅作为混合的分组使用,不会被编译到最终的CSS输出中。
A:Less的变量和混合定义支持延迟加载,无需将定义放置在引用之前,解析时会先查找本地作用域,再向上继承父作用域的定义。
A:Less可通过npm install -g less命令全局安装,使用lessc命令行工具编译Less文件;也可在浏览器中通过标签引入Less文件,并加载Less.js的CDN脚本进行前端解析;同时官方还提供了在线调试的playground环境。
A:基于Apache 2协议,分发包含Less.js的产品时,需在分发内容中包含协议副本,并向Less核心团队进行明确的归属说明;无需包含Less.js的源码及修改后的源码,也无需将修改内容提交回Less.js项目(官方鼓励反馈修改)。
A:3.5版本前需要使用~"内容"或~'内容'的方式进行转义,3.5版本后可直接将需要转义的内容写为变量值(如@min768: (min-width: 768px)),无需额外的转义符号,多数原需转义的场景均被简化。