less模块——混合(像函数一样可以调用)

混合

        混合可以实现带参数的调用,像函数一样

.text(@radius:5px){           //less
    border-radius: @radius;
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
}
#header{
    .text;
}
#footer{
    .text(10px);
}
#header {              //css样式
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#footer {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}


猜你喜欢

转载自blog.csdn.net/yuhui01/article/details/80934445