css清除继承样式?

html-css013

css清除继承样式?,第1张

没有办法可以取消css继承。 

当你在大的元素如body中写了一些css样式后,该继承的都会被其子元素继承。 

你只能用优先级别更高的css样式来覆盖已定义的css。 

或者写js脚本来改变元素的css,也是一种方案。 

最后有一个变通办法,只在后台等少数情况下用,用iframe,里面是一个单独的页面, 

与父窗体基本无关。

Css清除继承样式可以使用如下代码:

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

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

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

$('.class').css({

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

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

})

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

var links = document.querySelectorAll('link')

for(var i in links){

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

}