📅  最后修改于: 2020-10-22 07:02:33             🧑  作者: Mango
LESS是CSS预处理器,可为网站启用可自定义,可管理和可重用的样式表。 LESS是一种动态样式表语言,可扩展CSS的功能。 LESS也是跨浏览器友好的。
CSS预处理器是一种脚本语言,可扩展CSS并将其编译为常规CSS语法,以便您的Web浏览器可以读取它。它提供了诸如变量,函数, mixin和操作之类的功能,可用于构建动态CSS。
为什么LESS?
现在让我们了解为什么我们要使用LESS。
- LESS支持更快,更轻松地创建更清洁,跨浏览器友好的CSS。
- LESS是用JavaScript设计的,还可以在live中使用,它的编译速度比其他CSS预处理器快。
- LESS以模块化的方式保持您的代码,这通过使代码易于阅读和易于更改非常重要。
- 使用LESS变量可以实现更快的维护。
历史
LESS是由Alexis Sellier在2009年设计的。LESS是开源的。 LESS的第一个版本是用Ruby编写的;在以后的版本中,Ruby的使用已被JavaScript取代。
特征
- 可以有组织的方式编写更干净,更易读的代码。
- 我们可以定义样式,并且可以在整个代码中重用它。
- LESS基于JavaScript,是CSS的超集。
- LESS是一种敏捷工具,可以解决代码冗余的问题。
好处
- LESS轻松生成可在浏览器中使用的CSS。
- LESS使您可以使用nesting编写更好且组织良好的代码。
- 使用变量可以更快地实现维护。
- LESS使您可以通过在规则集中引用它们来轻松重用整个类。
- LESS提供了使用,使编码速度更快,节省时间的操作。
缺点
- 了解您是否不熟悉CSS预处理需要花费一些时间。
- 由于模块之间的紧密耦合,应采取更多措施来重用和/或测试依赖模块。
- 与较早的预处理器(如SASS)相比,LESS的框架较少,后者由框架Compass , Gravity和Susy组成。