Less是一种CSS扩展语言,也被称为CSS预处理器,可以让开发者更加方便地编写维护CSS文件。
什么是CSS预处理器
CSS预处理器是一种脚本语言,是CSS的扩展,使用该脚本语言编写的文件经过编译后输出标准的CSS,然后web浏览器就可以读取解析它。Less看起来与CSS非常相似,但是它提供了许多扩展功能,比如变量、函数、混合和操作符等,这些功能可以帮助你编写动态CSS。
Less和SASS都是常用的CSS预处理器,Less文件和Sass文件经过编译后输出标准的CSS,可以被web浏览器读取解析。
怎么使用
Less是用JavaScript编写的,需要Node.js或web浏览器才能运行。在项目中包含Less.js,可以实时编译所有导入. less
样式表,但是这样做性能比较差,通常不推荐。
本教程使用Node.js编译Less文件,Node.js功能强大使用方便,已经成为前端开发中的必备工具。
Less 历史
Less 开始是用Ruby编写的,但后来的版本改为Javascript编写,并且不推荐使用Ruby。Less最初由Alexis Sellier于2009年开发。
Less 特性
- 与CSS相比,Less的代码干净、紧凑、可读性好,项目的文件组织更好。
- Less支持多种浏览器。
- Less更快,更容易。
- Less是用JavaScript编写的,编译速度比其他css预处理器更快。
- Less提供了变量让维护更简单。
- Less提供了嵌套,让代码更短、更干净,更容易组织。
- Less让你编写可重用的样式代码。
- Less是CSS的扩展,兼容CSS,是CSS的超集。
- Less解决了CSS的代码冗余问题。
- Less提供
@import
指令,可以轻松导入外部文件,让你可以将复杂样式表文件拆分,更好地组织项目文件。 - Less为共享样式的组选择器提供了扩展方法,代码更清晰更有组织。
- Less提供了强大的合并属性。
后面将详细介绍这些特性。