CSS - 是否有一個工具可以自動將選擇器之間共享的共享樣式分組？

Question

我通常會爲每個類或ID編寫所有的CSS，最後我將它們按共享樣式分組。

.first {width:100px; height:35px} 
.second {width:100px;} 

是否有工具將它們自動分組，以產生此結果？

.first, .second {width:100px;} 
.first{height:35px;} 

Answer 1

從我的理解你的問題是，你想減少在CSS上的工作。實際上，有一個JavaScript庫，可讓您編寫更少的CSS，名稱爲cssless。在那裏你可以聲明常量，函數，並且編寫非常好的嵌套CSS，還有更多。

退房在lesscss.org

Answer 2

我不知道任何這樣的工具。 （雖然很好的問題，也許別人會。）

這將是偉大的，但我想這將是非常複雜的寫作。例如，如果原始CSS看起來像這樣呢？

.first {width:100px; height:35px} 
.second {width:150px;} 
.second {width:100px;} 

該工具大概會改變爲：

.first, .second {width:100px;} 
.first{height:35px;} 
.second {width:150px;} 

.second現在是150個像素寬，而不是100。（顯然，這是有點不太可能邊緣情況的描述。）