1.首先要判断哪些才是无用的css
用浏览器,打来你制作的网页,我的是360的浏览器,右键网页有项“审计元素(N)”
2.左上角显示html的标签,点选标签
显示对应的css在它的左下角
横线划了的是无用的css,
上图中“aio_e332ee9.css:19”
列数这是什么文件的第几行
你可以在aio_e332ee9.css文件的第19行找到.wgt-ask
3.然后删除里面的失效css语句
重复点选标签寻找
最后,工作量很大,不过毕竟比自己判断着来的快多了
方法点“开始”-》点“样式”栏右下角的小箭头-》弹出的窗口将列出文件中的样式-》找到“脚注引用”(如果没有这项,点这个窗口下面有“选项”-》将“选择要显示的样式”改为“所有样式”)-》将鼠标放到“脚注引用”上点右键-》点“选择所有XX个实例”-》按下“delete”,即可删除所有的脚注引用及脚注文本。删除多余的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>