如何检查重复的CSS规则?

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

有没有任何方式/工具,将我的css文件作为输入,并检查所有重复的规则?并可能产生一个删除这些冗余的CSS?

解决方法

安装节点JS
https://nodejs.org/en/download/

如果您已经安装了节点js,或者通过在启动时键入节点(在Windows机器上)安装打开的节点命令提示符窗口.

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

npm install css-purge -g

工具安装完成后,

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

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

其中,style.css是被搞砸的css文件名称,上面的命令将创建一个名为style_purged.css的新的css文件,该文件不包含重复的CSS规则.

但请注意,它也会删除您的评论.
https://www.npmjs.com/package/css-purge

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效