没有办法可以取消css继承。
当你在大的元素如body中写了一些css样式后,该继承的都会被其子元素继承。
你只能用优先级别更高的css样式来覆盖已定义的css。
或者写js脚本来改变元素的css,也是一种方案。
最后有一个变通办法,只在后台等少数情况下用,用iframe,里面是一个单独的页面,
与父窗体基本无关。
Css清除继承样式可以使用如下代码:
w3c标准中可以继承的css样式是不能够设置不继承的。具体解决方案:
1、单独设置子元素样式,覆盖父元素继承下来的样式。
2、合理设置外层html元素的css样式,避免为后续元素带来重复的设置和不利因素。
3、公用可复用的组件,公用可复用的css样式
其他属性还行,透明这个属性继承了取消不了。要实现这种效果我见过的办法有3个,其中1、3是肯定有效的,2不很靠谱,你自己琢磨:1.模拟div全部在aa里面,把bb、cc、dd都提出来不套在aa中,把aa设置透明属性,然后把bb、cc、dd用css定位属性position定位到看上去在aa里面即可。
2.这个是个传说中的方法:bb、cc、dd任然套在aa中,给bb、cc、dd加上相对定位属性:position:relative这个办法我从来没试成功过,可能容易和其他属性冲突就无效了。
3.aa不设置透明度,在ps里面做半透明的图片保存为png24格式,然后用作aa的背景;但这样产生了个问题,FF、OP及IE高版本都支持png图片透明,在IE6下面又不支持了,所以IE6下你看到aa的背景将是灰色的,不过这个问题好解决,你自己百度下:ie6 png透明,即可。