Less-css扩展多样式

//扩展Extend

Use Method：以在study上扩展多个的样式为例

//Share style 1
.style1{
    width:200px;
    height:15px;
    color:#ffffff;
}
//Share style 2
.style2{
    float:left;
    background:red;
}

//grammar 1
.study{
    &:extend(.style1,.style2);
}

//grammar 2
.study:extend(.style1,.style2){}

//grammar 3
.study:extend(.style1):extend(.style2){}

//输出css
.style1,
.study {
  width: 200px;
  height: 15px;
  color: #ffffff;
}
.style2,
.study {
  float: left;
  background: red;
}

 

作者：leona

原文链接：http://www.cnblogs.com/leona-d/p/6296198.html

版权声明：本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接