首页 > 解决方案 > 如何查找是否在 CSS 文件中错误地使用了两次相同的 css 类?

问题描述

我错误地将几个 CSS 选择器粘贴到同一个 CSS 文件中两次,随着时间的推移,我能够手动跟踪它们并删除后一个。我想知道是否有更好的方法来查找 CSS 选择器是否在我的 CSS 文件中使用了两次,以便我可以合并/删除它们?

标签: css

解决方案


这是一种可能的解决方案:

  • 将这两个文件复制到 CSS 代码格式化工具中,例如http://www.codebeautifier.com/
  • 格式化它,使每个 CSS 规则集在一行上,例如 p { font-size: 13px }
  • 将结果放入排序程序,例如 Linux/Mac 终端上的排序命令。

也有在线工具可以做到这一点。

现在所有重复的选择器应该彼此相邻。你应该可以很容易地用手将它们组合起来。

另外,不要忘记 CSS 规则的不同排序可能会产生不同的结果。

也试试这个https://codebeautify.org/remove-duplicate-lines


推荐阅读