css - 清理 CSS 样式

Question

我是网络开发人员。在一段时间之前，我得到了要维护的元素。这个元素已经上线几年了，在我之前很少有维护者。在其生命周期中，功能发生了许多变化。添加了许多功能，其中一些后来因未使用而被删除。这些功能中的一些需要新的设计元素，因此也添加了新的 CSS 代码。但是当这些特性被移除时，添加的 CSS 就被留下了。此外，每个维护者都添加了自己的 css 样式来修复填充、边距等小问题。一段时间后，CSS 文件变成了一大堆垃圾 :-) 我可以找到许多以相同方式描述的 CSS 元素，但在不同的 CSS 文件位置.是的，我知道我可以最小化和压缩 CSS 文件，但我想清理它们。那么我该如何清理所有这些烂摊子呢？

我需要关于这些问题的工具/实践/建议:

• 在不同的 CSS 位置找到相同描述的元素。
• 收集未使用的 CSS 类或其他描述(可能是一些分析 CSS 并收集未使用样式的工具/浏览器插件)。
• 通过将几个相同描述的 CSS 样式替换为一种样式来重构 html 代码的工具。
• 其他的……

Answer 1

你应该给 Dust me selector一试。这是一个 firefox 插件，将突出显示所有未使用的 css。对我很有帮助 =)