ul，ul li從少到CSS

Question

我一直在尋找這一點。 我試圖做到這一點在CSS從小

ul,ul li{ 
display:inline-block; 
} 

我現在用的少即是這樣的：

ul,ul li{ 
    display:inline-block; 
} 

問題是，如果我嘗試額外的屬性添加到Li或它的孩子上述LESS是不好的，因爲它輸出像這樣：

LESS

ul,ul li{ 
    display:inline-block; 
    li{ 
     float:left;  
    } 
} 

CSS

ul, 
ul li { 
    display: inline-block; 
} 
ul li, 
ul li li { 
    float: left; 
} 

我怎樣才能做到這一點：

ul, 
ul li { 
    display: inline-block; 
} 

和少沒有別的？

Answer 1

您可以使用：

ul { 
    &, li { 
     display: inline-block; 
    } 
} 

這將生成以下CSS：

ul, 
ul li { 
    display: inline-block; 
} 

如果已經有ul聲明：

ul { 
    display: inline-block; 
} 

您可以獲取使用的效果相同：

ul { 
    li:extend(ul) {} 
} 

或相同的結果在一個塊中沒有&與extend：

ul { 
    display: inline-block; 
    li:extend(ul) {} 
}