CSS "Normalizer"工具？

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，因为它们往往会吸引固执己见的答案和垃圾邮件。相反，describe the problem以及迄今为止已采取哪些措施来解决该问题。

已关闭 9 年前。

Improve this question

我需要维护和改进现有网站，但我在 CSS 样式表中发现了冗余。考虑到现有的冗余和非方法论元素排序，如果不花费大量时间重新学习，就很难跟踪和预测微小的更改将如何在系统中传播，或者在哪里应用更改以实现某种效果。 CSS 文件并进行实验。

我一直在使用最新的 Firebug 和 Firefox 的“Web Developer”附加组件，但显然它们对我来说还不够。我需要一个工具来告诉我冗余的“覆盖”在哪里，也许可以建议更好的级联方案。

换句话说，帮助我生成最短的 CSS 文件，它提供与我现在拥有的完全相同的视觉功能。

为了进一步澄清，我并不是在寻找一种工具，可以将“#000000”替换为“#000”，将“0.5em”替换为“.5em”，将“white”替换为“#FFF”等(此地址“字符数”冗余，但不解决“级联逻辑”冗余)。我正在寻找一个工具，它可以告诉我，例如，子元素的“font-size:10px”属性是多余的，因为它已经从其父元素继承。

更高级的功能:类或 id 的“color: #000000”属性是多余的，因为网站上的任何 HTML/PHP 文件中都没有使用它。

有没有一种工具可以自动进行这种“标准化”？

Answer 1

要根据您的标记查找重复/未使用/不必要的 CSS，您可以尝试 WARI ，或Dust-Me Selectors (如@Aaron D提到的)，或CSS Crunch 。最后两个是浏览器扩展(分别适用于 Firefox 和 IE)，它们只会查看一页，而 WARI 旨在查看整个站点。然而，我并没有很幸运地让 WARI 发挥作用。