混合(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; }