CSS2.1 的优先权图示

作者:手气不错 发布时间:May 7, 2008 分类:CSS

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

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

http://pic.yupoo.com/feelinglucky/52824583ed77/medium.jpg

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

怿飞的文章中 arthuridea 兄的问题

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

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

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

已有 4 条回复

  1. MacJi May 7th, 2008 at 07:48 am #1
    MacJi

    沙发。

  2. 手气不错 May 8th, 2008 at 01:05 am #2
    手气不错

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

  3. omiga May 8th, 2008 at 06:23 am #3
    omiga

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

  4. OOXX.ME PLZ - 大猫 November 14th, 2008 at 04:51 pm #4
    OOXX.ME PLZ - 大猫

    <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左...

添加新回复

Yahoo 统计