如何删除多余无用的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语句

重复点选标签寻找

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

需求不是很明确，要是移除link进来的css文件的话。那就是先找到所有link标签，然后依次移除，代码如下：

var links = document.querySelectorAll('link')

for(var i in links){

links[i].parentNode.removeChild(links[i])

}

</?font[^><]*> 这个只却掉font标签的,保留除font以外的所有标签,如<img><p>等等. 同样的你需要去掉其他标签,只需要将里面的font换你要去掉的,就可以了.

</?[^/?(img)|(p)][^><]*> 这个保留(这里我写的保留了img,p这两个标签)你指定的标签,其他的(包括font)全去掉, 如果你还有其他的标签想保留,直接在里面加一个 |(xxx)就行了,

</?[a-zA-Z]+[^><]*> 这个就是我最上面写的那个,会去掉所有的标签,包括font .

</?[a-zA-Z]+[^><]*> 这个表达式可以去掉所有HTML的标签

JAVA代码可以这样写:

public static String delTagsFContent(String content){

String patternTag = "</?[a-zA-Z]+[^><]*>"

String patternBlank = "(^\\s*)|(\\s*$)"

return content.replaceAll(patternTag, "").replaceAll(patternBlank, "")

}