武林網(www.survivalescaperooms.com)文章簡介：在我們寫樣式的時候，頁面的CSS在經歷幾個版本的修改之后，可能有些樣式已經用不到了，或許將某些樣式更名了而原來的忘了刪除，總之頁面中可能存在著一些無用的樣式。這些無用的浪費了一些服務器空間和帶寬消耗，也會增大我們的維護成本。那么有沒有一些辦法來清理那些

在我們寫樣式的時候，頁面的CSS在經歷幾個版本的修改之后，可能有些樣式已經用不到了，或許將某些樣式更名了而原來的忘了刪除，總之頁面中可能存在著一些無用的樣式。這些無用的浪費了一些服務器空間和帶寬消耗，也會增大我們的維護成本。那么有沒有一些辦法來清理那些無用的樣式呢？今天就讓我們來了解一下幾個比較有用的工具。

Dust-Me selectors

Dust-Me是一個很有用也很好用的Firefox插件，它可以分析到你的頁面中調用的所有CSS文件并分析那些在頁面中沒有被用到。

支持本地和遠程樣式文件，包括使用link標簽、< ?xml-stylesheet?>處理指令、@import語句等方式引入的樣式文件；(但是不支持頁面中的style塊和內聯樣式)
支持IE條件注釋中引入的樣式文件；
可以檢查一個頁面，也可以檢查整個網站；
支持CSS1選擇器、大部分CSS2和CSS3選擇器；
理解通用的CSS hack，比如 “* html #fuck-ie”將會被認為是”html #fuck-ie”；
支持Firefox 3.5和Firefox 3.0，事實上得益于FF 3.5的js引擎的改進，FF 3.5中的性能比FF 3.0要高50%。

安裝：點擊這里。了解更多請訪問 Dust-Me selector官方頁面。

Page Speed

Page Speed是Google提供的一個前端性能分析工具，有些類似于YSlow，但是提供了一些比較個性且很有用的工具，比如Remove unused CSS.

Page Speed和YSlow一樣依賴Firebug，了解詳情和安裝請訪問這里。

CSS Redundancy Checker

CSS Redundancy Checker 是一個免費的在線應用，可以檢查所有的使用某個CSS文件的頁面中無用的樣式。可以同時檢查某一個樣式在多個頁面中的使用情況。該工具的不足是雖然一次能檢查多個HTML頁面，但每次只能檢查一個CSS文件，而且還要手動輸入

IntelliJ IDEA

IntelliJ IDEA 這是一個頗強大的IDE，類似于DreamWeaver，不過在國內用的不多。該軟件包括一個即時代碼分析工具(On-the-fly Code Analysis)，可以分析CSS文件中未用到的class和id。

Expression Web

Expression Web作為微軟的新一代網站開發工具，還是有很多人使用的，其CSS Report功能可以檢查未用到需要被清除的CSS（我的確沒有使用EW開發過網站，希望使用該軟件的童鞋可以幫忙確認一下這一點）。