目录
一、less概述
less是一种动态样式语言，属于css预处理器的范畴，它扩展了css语言，增加了变量、mixin、函数等特性，使css更易维护和扩展。
less既可以在客户端运行，也可以借助node.js在服务器运行
二、less编译工具
1. Koala 官网： www.koala-app.com
2. 用vscode时可以直接下载插件编译
三、less中的变量
1. 使用@来声明一个变量
如下代码所示：HTML文件 引用css文件 css文件编译自less文件
2. 变量的延迟加载
less变量的延迟加载：在延迟加载中，即使它们尚未声明，也可以使用变量。
如果定义变量两次，将搜索并使用当前范围内变量的上一次定义。此方法类似于CSS本身，其中值是从定义中的最后一个属性提取的。
如下代码：
四、less的嵌套规则
1. 基本嵌套规则：父级、祖先等
2. &的使用： &代表的是平级
五、less中的混合
1. less的混合概述
混合mix in：将一系列的属性从一个规则集引入到另一个规则集的方式，混合的定义在less规则有明确的指定，使用 . 的形式来定义。
2. less的混合方式
代码解释如下：
3. 命名参数
比如传参的时候想指定一个颜色，其他还是默认值，
6. 匹配模式
形参也要匹配上 .triangle(@_,@w,@c) .triangle(T,@w,@c)
六、less运算
加减乘除 计算的一方带单位就可以，如下：
七、继承
继承被附在选择器后面或放置在规则集（即具体定于样式处），它看起来就像是一个在关键字extend后具有可选参数的伪类（pseudoclass）。
八、避免编译
less里面有一个避免编译，有时候我们需要输出一些不正确的css语法或者使用less不认识的专有语法。 要输出这样的值我们可以在字符串前加上一个~ /*避免编译*/ 这个calc
