CSS优先权之深入剖析(1)

CSS优先权之深入剖析(1)

  我们剖析讨论了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/。

  

CSS优先权之深入剖析(1)

相关文章:

你感兴趣的文章:

标签云: