混合(Mixing in)可以将预定义的样式A的内容插入到样式B中,通过这种方式来经常引用预设样式,可以大大地少写很多代码;而且还可以带参数地调用,就像使用函数一样方便。
使用less
.border_setting (@width: 1px){
border-top: @width solid Tomato;
border-bottom: @width dotted #46acb6;
}
#menu a {
color: #333;
.border_setting();
}
.zhuanfou a {
color: red;
.border_setting(2px);
}
输出css
#menu a {
color: #333;
border-top: 1px solid Tomato;
border-bottom: 1px dotted #46acb6;
}
.zhuanfou a {
color: red;
border-top: 2px solid Tomato;
border-bottom: 2px dotted #46acb6;
}