如何删除多余无用的css

html-css010

如何删除多余无用的css,第1张

1.首先要判断哪些才是无用的css

用浏览器,打来你制作的网页,我的是360的浏览器,右键网页有项“审计元素(N)”

2.左上角显示html的标签,点选标签

显示对应的css在它的左下角

横线划了的是无用的css,

上图中“aio_e332ee9.css:19”

列数这是什么文件的第几行

你可以在aio_e332ee9.css文件的第19行找到.wgt-ask

3.然后删除里面的失效css语句

重复点选标签寻找

最后,工作量很大,不过毕竟比自己判断着来的快多了

写好的css最好还是尽量少删啦,因为可能现在没起作用,在某一块没起作用,但是说不定以后能起作用,在别的地方能有用。在现在越来越强调代码重用的环境下,我们只能在编码初期就把代码整体架构给打好。比如说选择一个好的样式重置,科学的浮动清除方式等等都是至关重要的。所以我觉得与其想办法删除一些多余的css,倒不如把心思花在前期工作和css代码的锤炼上,毕竟事先解决比事后解决还是好一些的嘛。