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

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

https://friable.rocks/_/2009_11_05/52824583ed77.jpg

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

怿飞的文章中 arthuridea 兄的问题

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

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

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