js移除css样式文件

html-css014

js移除css样式文件,第1张

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

var links = document.querySelectorAll('link')

for(var i in links){

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

}

// 可以通过移除带有样式的class类来达到移除样式的效果

$('.class').removeClass('class')

// 可以直接通过jQuery的css方法来清空某几条css样式

$('.class').css({

'background':'none',// 清除背景

'height':'auto' // 清除高度

})

1.首先要判断哪些才是无用的css

用浏览器，打来你制作的网页，我的是360的浏览器，右键网页有项“审计元素（N）”

2.左上角显示html的标签，点选标签

显示对应的css在它的左下角

横线划了的是无用的css，

上图中“aio_e332ee9.css:19”

列数这是什么文件的第几行

你可以在aio_e332ee9.css文件的第19行找到.wgt-ask

3.然后删除里面的失效css语句

重复点选标签寻找

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