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

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!
  我们剖析讨论了CSS的继续性http://www.mb5u.com/,在非凡性的框架下,被继续的特性值为0,这就意味着任何显示声明的规则将会覆盖其继续样式。因此,不管一条规则具有多高的权重,假如没有规则能应用于这个继续元素,那么它也只是个被继续的规则而已,举例说明。

div css xhtml xml 代码调试框 代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]

  我们看到,文字显示的是灰色(应用li的样式),而不是白色。字体的大小为38px(应用了ul的样式)。我们可以得出这样的直观结论。同样的样式,越靠近的权重越大,而未定义的样式则直接继续过来。

  我们再看下面的代码:

div css xhtml xml 代码调试框 代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]


  mb5u.com显示为红色,而其它文字均为黑色。
  优先权问题看起来简单,但背后还是有非常复杂的机制,在实际应用中需要多多留意,我们在以后的文章中,对CSS优先权将会作更加深入的探讨,敬请关注http://www.mb5u.com/。
  

来源:无忧整理//所属分类:CSS教程/更新时间:2007-01-23
相关CSS教程