LESS - 概述

LESS 是一种 CSS 预处理器，可为网站提供可自定义、可管理和可重复使用的样式表。LESS 是一种动态样式表语言，可扩展 CSS 的功能。LESS 还支持跨浏览器。

CSS 预处理器是一种脚本语言，可扩展 CSS 并将其编译为常规 CSS 语法，以便您的 Web 浏览器可以读取它。它提供变量、函数、混合和操作等功能，可让您构建动态 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 通过使用嵌套，使您能够编写更好、组织良好的代码。

• 通过使用变量。

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

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

缺点

• 如果您是 CSS 预处理新手，则需要花时间学习。

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

• 与 SASS 等较旧的预处理器相比，LESS 的框架较少，后者由框架Compass、Gravity 和 Susy组成。