less

学习文档：less学习文档链接

特点

1，可以定义变量

变量允许我们单独定义一系列通用的样式，然后在需要的时候去调用。

2，混合

（1）可以将一个定义好的class A，在另一个class B中调用，从而简单实现class B继承class A中的所有属性，

（2）并且能够带参数使用，生成的css参数值不一样，类似函数的继承一样，带参数混合，

（3）如果定义多个，只有被匹配的混合才会被使用。变量可以匹配任意的传入值，而变量以外的固定值就仅仅匹配与其相等的传入值。

3，可以在一个选择器中嵌套另一个选择器来实现继承，这样看起来less文件的层级结构一目了然，生成的css,文件中和我们单独写的一样，这样很大程度减少了代码量，并且代码看起来更加的清晰。结合& 符号的使用—如果你想写串联选择器（.a.b{}），而不是写后代选择器，就可以用到&了. 这点对伪类尤其有用如 :hover 和 :focus.，在其他的class中调用这个层级结构的，用（例如：#bundle>.button;）加入

4，进行运算

(1)LESS 的运算已经超出了我们的期望，它能够分辨出颜色和单位

(2)运算提供了加，减，乘，除操作；我们可以做属性值和颜色的运算，这样就可以实现属性值之间的复杂关系。LESS中的函数一一映射了JavaScript代码，如果你愿意的话可以操作属性值。

(3)LESS 提供了一系列的颜色运算函数. 颜色会先被转化成 HSL 色彩空间, 然后在通道级别操作,有对应集中color函数去操作饱和度，深浅等的方法调用，使@new 将会保持 @old的 色调, 但是具有不同的饱和度和亮度.

（4）提供了数学函数round(1.67)；ceil(2.4)；floor(2.6);percentage(0.5)等转换

5，表达式匹配，LESS通过导引混合而非if/else语句来实现条件判断，因为前者已在@media query特性中被定义。导引序列使用逗号‘,’—分割，当且仅当所有条件都符合时，才会被视为匹配成功。

6.作用域

LESS 中的作用域跟其他编程语言非常类似，首先会从本地查找变量或者混合模块，如果没找到的话会去父级作用域中查找，直到找到为止.

7，注释仍旧保留，注释的地方不参与编译

8，导入：你可以在main文件中通过下面的形势引入 .less 文件, .less 后缀可带可不带:你想导入一个CSS文件而且不想LESS对它进行处理，只需要使用.css后缀就可以