首页 > Web开发 > 详细

Less-css扩展多样式

时间:2017-01-18 11:54:34      阅读:261      评论:0      收藏:0      [点我收藏+]
//扩展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;
}

 

Less-css扩展多样式

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!