less
继承：2种 box1想公用box2的内容
1，完全复制
.box1{
.box2
}
2,只公用同级的
.box1{
&:extend(.box2)
}
嵌套
.box1{
img{
}
&:hover img{}
>img{}
}
函数封装：
封装函数
.func_center(@W:100,@H:100){
position:absolute
top:50%;
left:50%
margin:unit(-@W/2,px) 0 0 unit(-@H/2,px)
}
导入less文件
@import './reset.less'
公用方法文件引入的时候可以只导入不编译，所以引入有区别 加上reference
@import (reference) './common.less';
unit
background:darken(@BG,50%) darken变深 lighten变浅
.loop(@n) when (@n<=4){
.loop(@n+1);
.column-@{n}{
width:unit(@n*10,%)
}
}
版权声明：本文由Web学习之路发布，如需转载请注明出处。
