我们剖析讨论了CSS的继承性http://www.fun52.com/,在特殊性的框架下,被继承的特性值为0,这就意味着任何显示声明的规则将会覆盖其继承样式。因此,不管一条规则具有多高的权重,如果没有规则能应用于这个继承元素,那么它也只是个被继承的规则而已,举例说明。
Source Code to Run [www.fun52.com]
www.fun52.com
www.fun52.com 我爱CSS 1
www.fun52.com 我爱CSS 2
www.fun52.com 我爱CSS 3
www.fun52.com 我爱CSS 4
www.fun52.com 我爱CSS 5
www.fun52.com 我爱CSS 6
www.fun52.com 我爱CSS 7
www.fun52.com 我爱CSS 8
[ 可先修改部分代码 再运行查看效果 ]
我们看到,文字显示的是灰色(应用li的样式),而不是白色。字体的大小为38px(应用了ul的样式)。我们可以得出这样的直观结论。同样的样式,越靠近的权重越大,而未定义的样式则直接继承过来。
我们再看下面的代码:
Source Code to Run [www.fun52.com]
www.fun52.com
CSS优先权之深入剖析 fun52.com 我爱CSS
[ 可先修改部分代码 再运行查看效果 ]
fun52.com显示为红色,而其它文字均为黑色。
优先权问题看起来简单,但背后还是有非常复杂的机制,在实际应用中需要多多留意,我们在以后的文章中,对CSS优先权将会作更加深入的探讨,敬请关注http://www.fun52.com/。