我需要维护和改进一个现有的网站,而我正沉浸在我在其 CSS 样式表中发现的冗余中。鉴于元素的现有冗余和非方法排序,如果不花费大量时间重新学习CSS 文件和实验。
我一直在为 Firefox 使用最新的 Firebug 和“Web Developer”插件,但显然它们对我来说还不够。我需要一个工具来告诉我冗余的“覆盖”在哪里,并且可能会建议一个更好的级联方案。
换句话说,帮助我生成最短的 CSS 文件,提供与我现在拥有的完全相同的视觉功能。
为了进一步澄清,我不是在寻找将“#000000”替换为“#000”、将“0.5em”替换为“.5em”、“white”替换为“#FFF”等的工具。字符”冗余,但不解决“级联逻辑”冗余)。我正在寻找一种工具,它可以告诉我,例如,子元素的“font-size: 10px”属性是多余的,因为它已经从其父元素继承。
更高级的功能:类或 id 的“颜色:#000000”属性是多余的,因为网站上的任何 HTML/PHP 文件中都没有使用它。
有没有一种工具可以自动进行这种“标准化”?