快速了解Less和scss,五分钟上手

less 既可以在客户端运行也可以借助node.js在服务端运行‘

less中的注释

以//开头的注释不会被编译到css文件中

以/**/包裹的注释会被编译到css文件中

less中的变量

使用@来申明一个变量：@pink:pink;

1.作为普通属性只来使用：直接使用@pink

2.作为选择器和属性名：#@{selector的值}的形式

3.作为URL：@{url}

4.变量的延迟加载（变量是块级作用域）

less中的嵌套规则

1.基本嵌套规则

2.&(平级)的使用

less中的混合

混合就是将一系列属性从一个规则集引入到另一个规则集的方式

1.普通混合（编译到css中的）

2.不带输出的混合（加双括号）

3.带参数的混合

4.带参数并且有默认值的混合

5.带多个参数的混合

6.命名参数

7.匹配模式

8.arguments变量

less运算

在less中可以进行加减乘除的运算（计算的一方带单位就可以）

less避免编译

less继承

性能比混合高

灵活度比混合高

最后less和scss都大同小异，这些应用跟scss是一样的，我使用这些工具嵌套使用比较多