一 : LESS基础知识
LESS预处理器用www.koala-app.com 考拉来做
less注释 注释的话// 是可以隐藏的 给开发人员看 /*是给用户看可以暴露的注释
less变量 里边的变量设置要前缀@ 可以方便以后的复用网站主色调 另外属性变量和url 以及类名等在使用时要添加大括号{}比如 @{selector}
less预加载 Less预加载 变量延迟加载的时候 会等作用域中解析完 才加载 一个{}一个作用域
嵌套规则 嵌套关系中如果要用兄弟关系 则可以加& 来取消编译后有空格的效果
二 : LESS中的混合
混合时把规则集后边加() 这样可以不让它输出在处理后的css中
混合时规则集可以加入参数 在后边复用的时候填写参数的值 进行复用就可以
1.普通混合(不带参数 ): 会编译到css 中去
2.不带输出的混合
3.带参数的混合
4.带参数并且有默认值的混合
5.带多个参数的混合
6.命名参数 指定一个参数值
7.匹配模式
8.arguments变量
三 : 在Less中进行加减乘除运算
四:LESS继承
&:nth-child(1) 继承extend
五: 避免编译
Less避免编译 将避免编译的东西放入 ~""之间
less的混入 灵活性高 相对于继承性能消耗大一点
less的继承 不可传参,继承固定的样式,编译起来快,性能高