如何检查重复的CSS规则?

如何检查重复的CSS规则?,css,duplicates,redundancy,Css,Duplicates,Redundancy,我搞砸了我的css,不知何故我有很多重复的规则,我1800多行的css文件现在有3000多行 是否有任何方法/工具可以将我的css文件作为输入并检查所有重复的规则?并可能生成一个css来删除这些冗余?您尝试过吗?点击线头旁边的箭头!按钮,它会打开一些选项,你可以玩。确保选中“禁止重复属性”安装节点JS 如果您已经安装了node js,或者在安装之后,请在start中键入node(在windows计算机上)打开node命令提示符窗口 键入以下命令以安装css清除工具 npm安装css清除-g 安

我搞砸了我的css,不知何故我有很多重复的规则,我1800多行的css文件现在有3000多行

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

您尝试过吗?点击线头旁边的箭头!按钮,它会打开一些选项,你可以玩。确保选中“禁止重复属性”

安装节点JS

如果您已经安装了node js,或者在安装之后,请在start中键入node(在windows计算机上)打开node命令提示符窗口

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

npm安装css清除-g

安装工具后

打开打开节点命令提示符窗口的文件夹,将混乱的css文件粘贴到该文件夹中,然后在节点命令提示符窗口中键入以下命令

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

如果style.css是混乱css文件的名称,则上述命令将创建一个名为style_pulleted.css的新css文件,该文件不包含重复的css规则

但是要小心,它也会删除你的评论。

我尝试了一些工具,如和。我还尝试了W3C的CSS验证程序,我不喜欢它


我喜欢CSSBurner的一点是,它是彩色编码的,可以让您滚动浏览所有错误并快速重复。我发现我所有的重复(和其他事情)都非常快。

可能是的重复。我尝试禁止重复,但它甚至没有给出任何警告。我尝试了上面的Devilo,它至少合并了重复标签,即使内容略有不同。也没有为我删除重复的标签。这很有效!(作为记录,其他回复中没有任何内容。)…您可以决定关闭注释删除;)我认为CSS验证器没有那么糟糕。我要去看看CSSLint和CSSBurner(都还没试过),但如果它们很臭的话,我会对这个答案投反对票。我比你高,因为CSSLint和CSSBurner都很好。CSSBurner似乎比CSSLint功能更强大,提供更多的CSS扫描功能,但是CSSBurner的前端/设计没有什么好写的。另一方面,CSSLint前端/UI非常好,但提供的功能较少。CSSBurner非常棒!根据你的答案,我测试它。它在我的文件中找到了重复项,并找到了LESS切断了我的一些指令的位置。CSSLint非常适合linting,但它没有发现一些更明显的错误,例如重复的类,也可能在新属性/值方面有点落后。