less 笔记
//@charset "utf8"
/*我会被编译*/
//变量
@width:300px;
div{
width: @width;
height: 100%;
}
//混合
#test{
width: 100px;
.box;
.border(30px)
}
.box{
height: 100px;
}
//混合+变量
.boxsmall{
.border(30px)
}
.border(@border_width:25px){
border: #ccc solid @border_width;
}
//匹配模式
.pipei(a){
position: relative;
}
.pipei(b){
position: absolute;
}
#pipei{
.pipei(b);
}
//运算
#yunsuan{
width: (@width*2+100)/10;
}