LESS - 概述

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

CSS 预处理器是一种脚本语言，它扩展了 CSS 并编译成常规的 CSS 语法，以便 Web 浏览器可以读取它。它提供了诸如变量、函数、混入和运算之类的功能，允许您构建动态 CSS。

为什么选择 LESS？

现在让我们了解一下我们为什么要使用 LESS。

• LESS 支持更快、更轻松地创建更简洁、跨浏览器友好的 CSS。

• LESS 是用 JavaScript 设计的，并且旨在用于实时编译，其编译速度比其他 CSS 预处理器更快。

• LESS 以模块化的方式保持代码，这非常重要，因为它使代码更易于阅读和更改。

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

历史

LESS 由Alexis Sellier于 2009 年设计。LESS 是开源的。LESS 的第一个版本是用 Ruby 编写的；在后面的版本中，Ruby 的使用被 JavaScript 替代了。

特性

• 可以用一种有条理的方式编写更简洁、更易读的代码。

• 我们可以定义样式，并可以在整个代码中重用它。

• LESS 基于 JavaScript，是 CSS 的超集。

• LESS 是一种敏捷工具，它解决了代码冗余的问题。

优点

• LESS 可以轻松生成可在各种浏览器中运行的 CSS。

• LESS 通过使用嵌套使您可以编写更好、更有条理的代码。

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

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

• LESS 提供了运算的使用，这使得编码速度更快，并节省了时间。

缺点

• 如果您不熟悉 CSS 预处理，那么学习它需要一些时间。

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

• 与像 SASS 这样的较旧的预处理器相比，LESS 的框架较少，SASS 包含Compass、Gravity和Susy等框架。