有办法去掉从父级元素继承下来的 CSS 样式吗

html-css012

有办法去掉从父级元素继承下来的 CSS 样式吗,第1张

样式有优先级问题。子级默认继承父级元素,如果要去掉,那么在当前父级下的子级元素在写一个样式。

比如;这样就不会继承父级的大小跟样式

<div class="fuji">

    <span class="ziji"></span>

</div>

<style>

.fuji{font-size:30px color:red}

.fuji .ziji{font-size:15pxcolor:#000}

</style>

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

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

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

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

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

与父窗体基本无关。

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

具体你说的是什么影响呢,你所谓的影响应该是继承。子类会部分继承父类的样式设置,例如:font-family, font-size, font-style,text-align, text-indent等等。至于width则不是继承的,默认是100%,也就是说一直到他父层的宽度,包括ul也是这样的。如果想清除掉父类的影响,可以将受影响的样式重写或者直接去除掉,回答完毕,希望采纳