js移除css样式文件

html-css024

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语句

重复点选标签寻找

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