什么是Less

本文概述

• 什么是CSS预处理器
• 如何使用Less
• Less的历史

Less是一个CSS预处理程序, 可帮助你自定义, 管理和重复使用网页的样式表。 Less是CSS和动态样式表语言的扩展, 可以在客户端或服务器端运行。

Less是一种开源语言。它也与跨浏览器兼容。

什么是CSS预处理器

CSS预处理器是一种脚本语言, 是CSS的扩展。将其编译为常规CSS语法, 然后由Web浏览器读取CSS。 Less看起来与CSS非常相似, 但是它提供了诸如变量, 函数, mixin和操作等功能, 可帮助你构建动态CSS。

Less和SASS都是CSS预处理程序的示例, 因为两者都经过编译并产生CSS语法, 这些语法可以由Web浏览器读取。

如何使用Less

用JavaScript编写的代码Less, 需要Node.js或Web浏览器才能运行。你可以在网站上包含Less.js, 它可以实时编译所有链接的.Less样式表, 但这很慢, 不建议这样做。

在这里, 我们使用Node.js作为图形程序来编译Less样式表并部署常规CSS文件。使用Node.js的原因是它非常快速且令人印象深刻。

Less的历史

Less最初是用Ruby编写的, 但后来的版本是用JavaScript编写的, 不推荐使用Ruby。 Less由Alexis Sellier在2009年设计和编写。