识别重复样式 css [重复]

Question

我最近一直在使用“Emmet Livestyle”插件，它完美无瑕。但是在我的 github 项目的最后一次提交中，我注意到 css 行从 1446 到 3448 重复*。然后我打开 chrome 开发工具并确认每个元素有 3 个相同的样式。我怀疑插件是这个问题的罪魁祸首。

我真的需要删除重复项。但我不知道它们从哪里开始或在哪里结束，因为文件很大。

你们知道任何在线工具或 sublime 插件可以帮助我吗？

谢谢。

Answer 1

我的 LiveStyle 也遇到了同样的问题，我的文件在某处重复了大约 4 次。现在一个文件的长度是原来的 4 倍。

在寻找解决方案时，我发现了一个名为 css-purge 的 NodeJS 插件。这是解决方案，据我所知，这是唯一的解决方案。我保证。

你可以在这里找到它CSS Purge Package Install Page。请务必先在您的系统上正确安装 NodeJS。 I'm on a Mac so these were my instructions。我仍在寻找修复 Live Style 的解决方案。在这个新的专用应用开始出现问题之前，它曾经完美无瑕地工作。

Answer 2

如果您查看 Chrome 的开发者工具（其他浏览器也这样做），您不仅可以看到元素应用了哪些样式，还可以查看这些样式的来源：

一旦您知道来源，编辑器中的简单“查找”操作就会跟踪规则。