如何删除 多余 css?

html-css080

如何删除 多余 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.在CSS样式表中,看每条样式的名称复制下来。

2.在html中文件按Ctrl+F查找你刚才复制的样式,点击查找。

3.如果有,那就说明这条CSS样式使用了,如果没有,说明这条可以删。

4.建议删之前做好备份,以防删除重要的东西

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