码迷,mamicode.com
首页 > Web开发 > 详细

Less-css扩展指定多层嵌套选择器样式

时间:2017-01-18 13:46:44      阅读:255      评论:0      收藏:0      [点我收藏+]

标签:margin   输出   method   ram   size   float   ext   share   xtend   

//扩展Extend

Use Method:以在study上扩展指定多层嵌套选择器样式

//Share style 
.test{
    font-size:18px;
    color:#ffffff;
    ul{
        width:100px; 
        height:50px;
        li{
            float:left;
            margin-right:10px;
            width:50px;
            height:50px;
        }
    }
}

//grammar 1
.study{
    &:extend(.test ul li);
}

//grammar 2
.study:extend(.test ul li){}

//输出css
.test {
  font-size: 18px;
  color: #ffffff;
}
.test ul {
  width: 100px;
  height: 50px;
}
.test ul li,
.study {
  float: left;
  margin-right: 10px;
  width: 50px;
  height: 50px;
}

 

作者:leona

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

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

Less-css扩展指定多层嵌套选择器样式

标签:margin   输出   method   ram   size   float   ext   share   xtend   

原文地址:http://www.cnblogs.com/leona-d/p/6296218.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!