|
四、CSS的继承性
4.1 继承的表现
继承是CSS的一个主要特征，它是依赖于祖先-后代的关系的。继承是一种机制，它允许样式不仅可以应用于某个特定的元素，还可以应用于它的后代。例如一个BODY定义了的颜色值也会应用到段落的文本中。
样式定义：
body {color:#f00;}
举例代码：
<p>CSS<strong>继承性</strong>的测试</p>
举例效果：
这段代码的应用结果是：“CSS继承性的测试”这段话是红颜色的，“继承性”几个字由于应用了<strong>标签，所以是粗体。很显然，这段文字都继承了由body {color:#f00;}样式定义的颜色。这也就是为什么说继承性是CSS的一部分。
然而CSS继承性的权重是非常低的，是比普通元素的权重还要低的0。
我们仍以上面的举例代码为例：在样式定义中添加一条：
strong {color:#000;}
举例效果：
发现只需要给<strong>加个颜色值就能覆盖掉它继承自<body>的样式颜色。由此可见：任何显示申明的规则都可以覆盖其继承样式。
4.2 继承的局限性
继承是CSS重要的一部分，我们甚至不用去考虑它为什么能够这样，但CSS继承也是有限制的。
有一些属性不能被继承，如：border, margin, padding, background等。
样式定义：
div {border:1px solid #000;}
举例代码：
<div>我是<em>border</em>我是不能被继承滴</div>
预期效果：
实际效果：
从上面的效果中，我们可以看出，border是不能被继承的，还有一些其它的属性也是如此，这里就不一一列举。
出处：W3C标准WEB前端DHTML精英俱乐部
责任编辑：bluehearts
上一页 为您解读CSS优先级 [1] 下一页 为您解读CSS优先级 [3]
◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。
|
第 1 页 
第 2 页 为您解读CSS优先级 [2]
