Less学习总结

1.Less作用

Less是一种动态式语言，属于CSS预处理器的范畴，拓展CSS语言，增加变量，Mixin，函数等特性，使CSS更易维护和拓展；

Less既可以在客户端上运行，也可以借助Node.js在服务端运行。

2. Less注解

以//开头的注释，不会被编译到css文件中；
以/* */ 包裹的注释会被编译到css文件中；

3.Less变量
变量：
使用@来申明一个变量：@pink:pink；

• 作为普通属性值使用，直接使用@pink;
• 作为选择器和属性值：#@{selector的值}的形式；
• 作为URL:@{url}
• 变量的延迟加载；
  块级作用域，变量只在当前作用域有效，同一个作用域的，后面的有效；

4.Less嵌套
嵌套规则：

• 基本嵌套规则
• &的使用 （同级使用）

5.Less混合
混合：将一系列属性从一个规则集引入到另一个规则集的方法；

• 普通混合；
• 不带输出混合；
• 带参数的混合；
• 带参数并且默认值的混合；
• 带多个参数的混合；
• 命名参数；
• 匹配模式；

• arguments变量;(实参列表)    
  

6.Less继承
Less继承：
性能比混合高
灵活性比混合低

7.Less运算
在less中进行加减乘除的运算；