有没有可以自动清理无效CSS的工具?

html-css015

有没有可以自动清理无效CSS的工具?,第1张

1、chrome浏览器 F12审查元素的Audits

说明:使用Audits,会检测出页面中没有用到的css,需要手动删除多余的css;同时需要说明的是检测出多余无用的css块,而不是某一行css。

2、CSS usage插件

(1)安装Firefox浏览器

(2)安装firebug

Firefox浏览器--添加附件--搜索插件--安装

(3)安装css usage

步骤同安装firebug一样。

(4)检测

重要说明:可以导出干净的css

#是id选择器,而你的html中并不存在id为a1和a2的元素,所以css无法匹配到。类(class)选择器要用小数点,所以应该这样:

<style>

.a1 {border: 0px}

.a2 {border: 1px}

</style>