如何删除 多余 css？

html-css024

如何删除 多余 css？,第1张

删除多余的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