如何检查重复的CSS规则?

Alk*_*dra 30 css redundancy duplicates

我弄乱了我的CSS,不知怎的,我有很多重复的规则和我的1800行线css文件现在是3000多行..

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

Aks*_*ain 39

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

如果您已经安装了节点js,或者在安装开放节点命令提示符窗口后通过在start中键入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

  • 这有效!(并且为了记录,其他回复中没有任何内容.) (2认同)
  • ...您可以决定关闭评论删除;) (2认同)

jos*_*tgv 5

您尝试过CSS Lint吗?单击皮棉旁边的箭头!按钮,它将打开一些您可以使用的选项。确保选中“禁止重复属性”

  • 我尝试禁止重复,但它甚至没有给出任何警告。我尝试了上面的 Devilo,它至少组合了重复的标签,即使内容略有不同。 (2认同)
  • 也没有为我删除重复项。 (2认同)