LESS - 概述


LESS 是一个 CSS 预处理器,可为网站提供可定制、可管理和可重用的样式表。LESS 是一种动态样式表语言,扩展了 CSS 的功能。LESS 也是跨浏览器友好的。

CSS 预处理器是一种脚本语言,它扩展了 CSS 并编译为常规 CSS 语法,以便您的 Web 浏览器可以读取它。它提供了变量函数混合操作等功能,允许您构建动态 CSS。

为什么更少?

现在让我们了解为什么要使用 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 使您能够通过使用嵌套编写更好且组织良好的代码。

  • 通过使用变量可以更快地实现维护。

  • LESS 使您能够通过在规则集中引用整个类来轻松重用它们。

  • LESS 提供了使编码更快并节省时间的操作的使用。

缺点

  • 如果您不熟悉 CSS 预处理,则需要时间来学习。

  • 由于模块之间的紧密耦合,应该付出更多的努力来重用和/或测试依赖的模块。

  • 与 SASS 等较旧的预处理器相比,LESS 的框架较少,后者由CompassGravitySusy框架组成。