Less-css擴充指定多層嵌套選取器樣式

標籤：margin   輸出   method   ram   size   float   ext   share   xtend   

//擴充ExtendUse 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擴充指定多層嵌套選取器樣式