less的简单运用

Less是CSS预处理器，它扩展了CSS的功能并且CSS预处理器是一种脚本语言，可扩展CSS并将其编译为常规CSS语法，以便可以通过Web浏览器读取。 它提供诸如变量，函数， mixins 和操作等功能，可以构建动态CSS

Less的优点：

1，LESS支持创建更清洁，跨浏览器友好的CSS更快更容易

2，LESS是用JavaScript设计的，并且创建在 live 中使用，其编译速度比其他CSS预处理器更快。

3，LESS保持你的代码以模块化的方式，这是非常重要的，通过使其可读性和容易改变。

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

使用步骤
1.安装

通过 npm 安装

npm install less -g
如果你不想将编译器安装到全局环境
npm i less --save-dev

2.使用

在style标签上加lang=“less”

<style lang="less"></style>