CSS2.1 的优先权图示May 7, 2008

怿飞兄的新写的 Blog 《 详解 CSS 的优先权 》非常的精彩。对于 我这样的 CSS 菜鸟而言 ,真的可以用醍醐灌顶来形容。

个人认为 CSS 优先权是比较重要的概念,尤其在维护庞大的 CSS 样式时,就显得非常的有用(当然,在样式庞大复杂以后,而不得不采用优先权更改样式,这是种不可取的做法,应该避免出现这种情况)。

http://files.gracecode.com/2009_11_05/52824583ed77.jpg

为了方便大家(同时也是本人)理解,我在消化这篇文章时胡乱画了张图示,希望能起到抛砖引玉的作用(但愿不要误人子弟 - 访问大图 ,或者 打包下载 )。

怿飞的文章中 arthuridea 兄的问题

Javascript 修改元素的 CSS 时,如何确定其优先权

按照本人的理解,我在这里「喧宾夺主」,抢答一下(不对的地方,请各位指正)

Javascript 修改样式分两种,一种是修改元素的 style 属性、
还有一种是修改元素的 class 属性。style 属性就是上述的内
联样式,权限较高 +1,0,0,0;而 class 属性则遵循上述的优
先权。

§ 4 条评论

  1. 沙发。

  2. MacJi 哪都能沙发,兄弟服了你 :^)

  3. 流传中的“四位”计算法,不过老兄的这张图有建设性,是第一张~···

  4. <div id="oo">
    <div id="xx" class="room"></div>
    </div>
    CSS优先级早已烂记于心,那么就来见识下几道题目
    div#xx {float:left}
    #xx {float:right}
    #xx左边还是右边?
    #oo div {float:left}
    #xx {float:right}
    #xx左...

添加评论




* Required (but your email address will never be published)

Yahoo 统计