我需要维护和改进现有网站，但我在 CSS 样式表中发现了冗余。考虑到现有的冗余和非方法论元素排序，如果不花费大量时间重新学习，就很难跟踪和预测微小的更改将如何在系统中传播，或者在哪里应用更改以实现某种效果。 CSS 文件并进行实验。
我一直在使用最新的 Firebug 和 Firefox 的“Web Developer”附加组件，但显然它们对我来说还不够。我需要一个工具来告诉我冗余的“覆盖”在哪里，也许可以建议更好的级联方案。
换句话说，帮助我生成最短的 CSS 文件，它提供与我现在拥有的完全相同的视觉功能。
为了进一步澄清，我并不是在寻找一种工具，可以将“#000000”替换为“#000”，将“0.5em”替换为“.5em”，将“white”替换为“#FFF”等(此地址“字符数”冗余，但不解决“级联逻辑”冗余)。我正在寻找一个工具，它可以告诉我，例如，子元素的“font-size:10px”属性是多余的，因为它已经从其父元素继承。
更高级的功能:类或 id 的“color: #000000”属性是多余的，因为网站上的任何 HTML/PHP 文件中都没有使用它。
有没有一种工具可以自动进行这种“标准化”？
最佳答案
要根据您的标记查找重复/未使用/不必要的 CSS，您可以尝试 WARI ，或Dust-Me Selectors (如@Aaron D提到的)，或CSS Crunch 。最后两个是浏览器扩展(分别适用于 Firefox 和 IE)，它们只会查看一页，而 WARI 旨在查看整个站点。然而，我并没有很幸运地让 WARI 发挥作用。
关于CSS "Normalizer"工具？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3549036/