代碼分析CSS

Question

我正在尋找自動化工具來幫助我重構了一堆CSS文件，例如：

1. 刪除不必要的選擇（例如未在頁面內使用）
2. 檢測重複的規則在幾個選擇器中，並建議合併

有沒有這樣的工具？

謝謝！

Answer 1

是Google Page Speed做這個CSS調查。鏈接：

http://code.google.com/speed/page-speed/docs/overview.html

Answer 2

不完全自動化，但this one運作良好。

我喜歡我可以看到自己在改變的事實。雖然我已經完成了15年的UI，但我始終注意到通過使用此工具重複自己的小事情。從長遠來看，手動做點事情會讓我成爲更好的開發者。

做一個尋找不必要的選擇器是一個危險的遊戲。你可以做到這一點，但如果你發現自己在做動態和/或ajax注入div，你會立即用自動化工具炸燬你的頁面或應用程序。如果你這樣做，確保它不是即時可用的，沒有某種非常好的測試環境來驗證結果輸出。我目前的公司客戶永遠不會允許我根據他們對100％經過測試和驗證的CSS的要求使用任何請求點的工具。

Answer 3

This tool可以做到自動CSS重構，但其項目價值還需要仔細評估。