CSS CSS2.1 的优先权图示 ³

2008-05-06 23:36:45

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

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

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

在怿飞的文章中 arthuridea 兄的问题，

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

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

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