html - 如何删除css文件中没有被引用的类?

查看:157
本文介绍了html - 如何删除css文件中没有被引用的类?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

我的css文件太大了,有许多没有被使用的类,如何才能把它们找出来给删除?有什么工具吗?

解决方案

chrome浏览器的开发者工具中,有一个audit选项,
点击 run 按钮,在结果中可以找到一个 Remove unused CSS rules ,点开它就会看到很多当前无用的css规则。

注意,这里的无用是相对而言的,很多规则可能必须在点击了某些元素,或者触发了某个事件后才有效,所以还是需要人工仔细筛选一下。

这篇关于html - 如何删除css文件中没有被引用的类?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆