1.首先要判断哪些才是无用的css
用浏览器，打来你制作的网页，我的是360的浏览器，右键网页有项“审计元素（N）”
2.左上角显示html的标签，点选标签
显示对应的css在它的左下角
横线划了的是无用的css，
上图中“aio_e332ee9.css:19”
列数这是什么文件的第几行
你可以在aio_e332ee9.css文件的第19行找到.wgt-ask
3.然后删除里面的失效css语句
重复点选标签寻找
最后，工作量很大，不过毕竟比自己判断着来的快多了
删除多余的css，首先我们需要明确是，确实不需要这个css样式了，或者是这个css的样式重复了，我们才会去删除，删除的方法就是找到多余的css代码的位置，然后在选中用del删除就行了，具体看代码：<html>
<head>
<style>
.div1{
width:600px
height:200px
font-size:13px
border:1px solid #f00
}
.div p{
font-size13px//这条就是多余的，因为在它的父级元素中设置了，可以删除
}
</head>
<body>
<div class='div1'>
<p>我是测试文字</p>
</div>
</body>
</html>
1、chrome浏览器 F12审查元素的Audits
说明：使用Audits，会检测出页面中没有用到的css，需要手动删除多余的css；同时需要说明的是检测出多余无用的css块，而不是某一行css。
2、CSS usage插件
（1）安装Firefox浏览器
（2）安装firebug
Firefox浏览器--添加附件--搜索插件--安装
（3）安装css usage
步骤同安装firebug一样。
（4）检测
重要说明：可以导出干净的css
