如何删除 多余 css?

html-css019

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

火狐的 CSS Usage 扩展是专门干这个的。用法是开启 AutoScan 选项,手动翻看尽量多的页面,手动触发显示尽量多的元素,以让尽量多的规则起作用,然后就可以导出干净的 CSS 了。

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

1、新建一个html文档,输入一段文字,居中。

2、给文字加链接。

3、文章和需要是有内容的链接,其他链接为空链接。

4、Dreamweaver里有个跟word里类似的“查找替换”功能,可以利用这个功能去掉空链接。

5、点击查找替换,在弹出框的搜索下拉列表里选择指定标签。

6、把查找做了,接着做替换。弹出框的动作那里,选择去掉标签,就是把空链接的a标签都去掉。

7、点击替换全部,所有的空链接都自动删除了。