写过网页的都知道，我们在为网站写CSS样式的时候，经常会遇到CSS样式的修改或者界面设计的改变，而这些网页在经过长时间无数次的修改之后，可能有些样式已经用不到了，或者不小心将某些样式更名了而原来的忘了删除，总之页面中可能存在着一些没用的CSS代码。这些无用的CSS代码浪费了一些服务器空间和带宽消耗，因此网站打开速度越来越慢，当然，打开速度变慢也有很多原因的，这里就不细说了。

所以呢鉴于以上的原因，今天分享一个火狐的插件，叫dust-me-selectors，堪称神器。

为什么说dust-me-selectors是神器呢，因为他支持多个页面同时监控，比如当PAGE1没有使用的，PAGE2有使用的，不会判断为unused。避免多页面，误删代码的情况，非常方便！唯一的缺点貌似就是得手动删除，这个等我有了新发现我再分享。

优点：

1. 支持本地和远程样式文件，包括使用<link>标签、<?xml-stylesheet?>处理指令、@import语句等方式引入的样式文件；(但是不支持页面中的<style>块和内联样式)
2. 支持IE条件注释中引入的样式文件；
3. 可以检查一个页面，也可以检查整个网站；
4. 支持CSS1选择器、大部分CSS2和CSS3选择器；
5. 理解通用的CSS hack，比如 “* html #fuck-ie”将会被认为是”html #fuck-ie”；
6. 支持Firefox 3.5和Firefox 3.0，事实上得益于FF 3.5的js引擎的改进，FF 3.5中的性能比FF 3.0要高50%。

安装连接：

http://www.sitepoint.com/dustmeselectors/

该工具是Firefox浏览器的一个附加插件。在FF浏览器地址栏中输入以上网址，点击Install now!系统便会安装此工具。

安装完成后，在火狐的右下角会出现一个扫帚的图标。

单击右键选择spider sitemap。

在输入框中输入网站地图的URL就可以进行全站CSS的检查。数分钟之后就可以出结果了。结果图如下（点击看大图）：

我的博客因为修改无数次，所以多余的CSS代码一大堆。

以上就是教程，有需要的朋友拿去吧。

本文地址：http://www.jwzzsw.com/archives/1709.html