Less-css擴展指定多層嵌套選擇器樣式

//擴展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

版權聲明：本文版權歸作者和博客園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文鏈接