CSS優化，提取常見部分？

Question

以下CSS樣式：

#div a {color:red} 
#div li {width:100px} 
#div span {font-size:10px} 

有沒有什麼辦法來寫上面

#div{ 
a {color:red} 
li {width:100px} 
span {font-size:10px} 
} 

所以只需要編寫一次#div的規則，易於刪除或模塊化不同區域網頁

Answer 1

這現在是不可能的CSS（瀏覽器不支持泰德種了Syntex的），但作爲一個開發人員使用它LESS或SASS（他們是最常見的）是可能的。

LESS通過動態行爲（如變量，mixin，操作和函數）來擴展CSS。

SASS是CSS3的擴展，增加了嵌套規則，變量，mixin，選擇器繼承等等。它使用命令行工具或Web框架插件轉換爲格式良好的標準CSS。

您還可以比較兩個right here。

Answer 2

你聽說過「少」（http://lesscss.org/）這可以爲你做這種事情。

以較少的樣式代碼就是上面寫的。

Answer 3

不，你不能用純CSS做到這一點。

Answer 4

有一種方法可以這樣做，但不能用純CSS。作爲替代方案，您可以用這些：

• LESS
• Sass

還有更多的超集各地在網絡上，但不與薩斯可能是最常見的。

語法的嵌套方式與您要求的方式相同，並且與本機css兼容。