如何检查重复的CSS规则？

Question

我搞砸了我的CSS，不知怎的，我有很多重复的规则和我的1800行的css文件现在有3000多行......

是否有任何方法/工具可以将我的css文件作为输入并检查所有重复规则？并可能生成一个删除这些冗余的CSS？

Answer 1

安装Node JS https://nodejs.org/en/download/

如果您已经安装了节点js，或者在开始时通过键入node（在Windows机器上）安装了开放节点命令提示符窗口。

键入以下命令以安装css清除工具

  

npm install css-purge -g

安装工具后，

打开打开node命令提示符窗口的文件夹，然后在其中粘贴乱搞的css文件，然后在node cmd prompt window中键入以下命令

  

css-purge -i style.css -o style_purged.css

其中style.css是混乱的css文件的名称，上面的命令将创建一个名为style_purged.css的新css文件，该文件不包含重复的css规则。

但要小心，它也会删除您的评论。 https://www.npmjs.com/package/css-purge

Answer 2

你试过CSS Lint吗？点击Lint的箭头！按钮，它会打开一些你可以玩的选项。确保选中“禁止重复属性”

Answer 3

我尝试了一些工具，例如CSSLint和CSSBurner。我也尝试过W3C的CSS Validator，我不喜欢。

我喜欢CSSBurner的一件事是它是彩色编码的，让你可以快速滚动所有的错误和重复。我发现我的所有重复（和其他东西）超快。