前言:
一个Dom节点的最终样式取决于应用在其上的具有最高优先级(greatest weight)的样式定义。我们知道级联样式有多重优先级 (参考W3官方定义,第6.4节),比如: 内联Inline>ID>Class>Tag
正文:
请看代码:
http://jsfiddle.net/lanshunfang/dyMxM/
小方的jsfiddle里的这段代码清楚的显示出,通过调用
window.getComputedStyle
我们可以得出应用在某个具体元素上的最终CSS样式值。
window.getComputedStyle 在IE上变体为:
node.currentStyle
请小心其使用方法 (示例)
参考:
http://www.w3.org/TR/CSS21/cascade.html
http://www.quirksmode.org/dom/getstyles.html
http://stackoverflow.com/questions/2952667/find-all-css-rules-that-apply-to-an-element