如何删除多余无用的css

html-css016

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

如果是外置调用css

例如:<link href="../styles/base.css" rel="stylesheet" />

如果这个css你没有用到,不引用就可以了;如果用到一部分,另一部分有冲突,那就删除冲突的部分;不冲突就没必要删了。

如果是html内置的css,在htmL中删除就行

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

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

2、CSS usage插件

(1)安装Firefox浏览器

(2)安装firebug

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

(3)安装css usage

步骤同安装firebug一样。

(4)检测

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

可以利用jQuery的removeattr()或css()方法来删除css样式,使用“css("属性","")”语句可以删除单个css样式,使用“$(selector).removeAttr("style")”语句可以删除全部css样式。