识别重复样式css

Question

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

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

你们碰巧知道任何可以帮助我的在线工具或崇高插件吗？

感谢。

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的开发者工具（其他浏览器也可以这样做），您将能够，不仅可以查看哪些样式应用于元素，还可以查看这些样式的位置来自：

有一次，你知道来源，一个简单的＆＃34;查找＆＃34;编辑器中的操作将跟踪规则。