当前位置：首页 → 问答吧 → 如何让css样式不继承或不传递

如何让css样式不继承或不传递

时间：2008-01-28

来源：互联网

例如透明，或者隐藏等属性
<div style="filter:Alpha(opacity=10);">
<div></div>
</div>
父元素都会影响到子元素，如何让子元素脱离父元素的css效果，麻烦指点

作者: gly25 发布时间: 2008-01-28

好像可以把，友情up

作者: kbryant 发布时间: 2008-01-28

<div id="d1" style="width:300px;height:300px;background-color:red;visibility:hidden"> <div id="d2" style="width:150px;height:150px;background-color:black;margin:60 60 60 60; visibility:visible" >asdfas </div> </div>
这是隐藏，
关于透明度

<div id="d1" style="width:300px;height:300px;background-color:red;filter:Alpha(opacity=20)">
<div id="d2" style="position:absolute;width:150px;height:150px;background-color:black;margin:60 60 60 60;filter:Alpha(opacity=100)" >asdfas </div>
</div>

作者: xiaolei1982 发布时间: 2008-01-28

作者: winkyxiao1981 发布时间: 2008-01-28

#a{
filter:Alpha(opacity=10);
}
a div{
filter:Alpha(opacity=100);

}

<div id="a" style="">
<div> </div>
</div>

这样应该就可以了

作者: glaive_lee 发布时间: 2008-01-28

IE下还可以，FF下就不好办了，

最好分开处理，即解除结构上滴父子关系！

作者: yixianggao 发布时间: 2008-01-28

<div style="color:#f00;">
<div style="color:#fc9!important;">
</div>
</div>

!important优先权的声明

作者: weizeyan52 发布时间: 2008-02-01

我也有同感，在FF下无法用绝对定位来脱离父子元素关系，所以最好的还是用其它方法解决。

作者: nicholsky 发布时间: 2008-02-01

顶，
我也很想知道，样式继承很麻烦，关注！！！！

作者: hudiezhanshi 发布时间: 2009-09-03

样式继承也很有用亚，省去了很多重复设置的麻烦，事情都要两面说
如果不想继承，只能单独设置把

作者: bloomdeng 发布时间: 2009-09-03

分开搞吧，父元素，与子元素都弄个样式，强行固定

作者: zhu9658234 发布时间: 2009-09-03

摆脱父元素可以给子元素定义class名或者ID名啊，然后定义css语句时相应的在前面加上.classname或者#idname就行，不过注意class可以重复定义，但是id不能重复定义，至少不符合标准，虽然实际上也可以。。。比如我想要给某个层定义背景是蓝色，则在前台中设置<div class="aaa"><p>xxxxx</p></div>在css文件中，这样设置：
.aaa p{
background-color:blue;
}
就可以了。。。

作者: egeg3000 发布时间: 2009-09-03

头痛的事莫过于，.xx .xxxx .xxx{}在页面中变形哈汗啊

作者: pengju126 发布时间: 2011-08-25