Question

如何取消从父元素继承的CSS

Answer 1

w3c标准中可以继承的css样式是不能够设置不继承的。

例如文字大小样式：font-size，如果没有继承特性会使css规则变得非常复杂化，具体解决方案：

1. 单独设置子元素样式，覆盖父元素继承下来的样式。

2.合理设置外层html元素的css样式，避免为后续元素带来重复的设置和不利因素。

3.公用可复用的组件，公用可复用的css样式，例如元素字体大小的设置可以写成如下方式：

Answer 2

其他属性还行，透明这个属性继承了取消不了。要实现这种效果我见过的办法有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透明，即可。