CSS清理器「展開」樣式表？

我正在尋找一個Web服務或（OS X）軟件，將採取一個樣式表像這樣的：CSS清理器「展開」樣式表？

h1,h2 {margin-bottom:1em;} 
h2.special {color:red;text-align:justify;} 
p {margin-bottom:1em;font-weight:bold; }

並把它變成這樣：

h1,h2,p {margin-bottom:1em;} 
h2.special {color:red} 
h2.special {text-align:justify;} 
p {font-weight:bold;}

也就是說，我需要這將在一個CSS文件中採用每個獨特的屬性/值組合，然後對使用它的所有選擇器進行分組。

在我看來，這是一個微不足道的問題，但我能夠做的唯一一點「編碼」是一點RegEx - 似乎並沒有給我一個解決方案。

謝謝。

注：

我知道，這種方法可能不會導致（大小）的優化。它不適用於現場/ CSS，而是分析和「清除」不必要的複雜樣式表。在該步驟之後，屬性將再次分組。

你可以看一下一個CSS擴展框架，例如：http://lesscss.org/

它不乾淨你的CSS，但允許您創建清潔CSS。

2011-06-15 22:05:31 eulerfx

更少創建乾淨的CSS，但現在我需要分析+修復遺留的CSS。不管怎麼說，還是要謝謝你。 – Wintermute101 2011-06-16 08:36:43

你也可以看看Compass http://compass-style.org/。這是一個基於Ruby的CSS框架

2011-06-15 22:10:46 Christoph

試試這個：http://www.cssoptimiser.com/optimize.php 雖然我不知道如何轉換h2.special {color:red;text-align:justify;}到

h2.special {color:red} 
h2.special {text-align:justify;}

將是一個進步。但是，該優化器確實做了其他部分（margin-bottom）。

基本上只是谷歌「CSS優化」

2011-06-15 22:13:20

比我見過的其他CSS優化器更好。它仍然沒有通過聲明分開，但我可以通過一些正則表達式來實現。謝謝！ – Wintermute101 2011-06-16 08:33:46

我不認爲我可以提出一個解決您的實際問題（我已經給這個問題+1，因爲它是一個很好的問題，好問，並沒有顯而易見的答案），但關於「除去」不必要的樣式，您可以嘗試使用Firefox插件Dust Me Selectors。

2011-06-16 08:32:56 Spudley

回答