目录
less的编译工具
koala 官网:www.koala-app.com
less中的注释
以 // 开头的注释,不会被编译到css文件中
以 /**/包裹的注释会被编译到css文件中
less中的变量
使用@来申明一个变量:@pink:pink
1、作为普通属性值来使用:直接使用@pink
2、作为选择器和属性名来使用:#@{selector的值}的形式
3、作为url:@{url}
4、变量的延迟加载
koala编译后:
less中的嵌套规则
1、基本的嵌套规则
注意观察hover冒号前有一个空格
2、&的使用
观察使用过&的区别
less中的混合
混合就是一系列属性从一个规划集引入到另一个规则集的方式
1、普通混合(缺点:会带来大量的代码重复)
2、不带输出的混合
3、带参数的混合
4、带参数并且带默认值的混合
5、带多个参数的混合
6、命名参数
7、匹配模式
8、arguments变量