清理CSS样式

时间:2009-12-07 09:41:44

标签: css

我是网络开发人员。在一段时间之前,我有一个项目需要维护。该项目已经上线了几年,而且在我之前几乎没有更多的维护者。在其生命周期中,功能上有许多变化。添加了许多功能,其中一些功能后来被删除为未使用。这些功能中的一些需要新的设计元素,因此也添加了新的CSS代码。但是当删除这些功能时,就会添加CSS。此外,每个维护者都添加了自己的CSS样式,用于填充,边距等小修复。过了一段时间,CSS文件变成了大堆垃圾:-)我可以用相同的方式找到很多CSS描述的元素,但是在不同的CSS文件位置。是的,我知道我可以最小化和压缩CSS文件,但我想清理它们。那我怎么能清理这一切呢?

我需要有关这些问题的工具/做法/建议:

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

2 个答案:

答案 0 :(得分:5)

您应该尝试Dust me selector。它是一个firefox插件,将突出显示所有未使用的CSS。对我很有帮助=)

答案 1 :(得分:4)

类似于'Dust me selector'的工具是Deadweight,这是一个用于查找未使用的CSS规则的Ruby命令行工具。但这只是你问题的一部分......如果你找到工具去做你想做的其他事情,请让世界其他人知道。