肉渣教程

混合

上一节 下一节

混合 Mixing in

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

混合

上一节 下一节