龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

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

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
我们剖析讨论了CSS的继承性http://www.fun52.com/,在特殊性的框架下,被继承的特性值为0,这就意味着任何显示声明的规则将会覆盖其继承样式。因此,不管一条规则具有多高的权重,如果
  我们剖析讨论了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/。
  

精彩图集

赞助商链接