Get applied CSS rules?

[Jeremy]

Is there any way I can find the CSS rules that were applied to a
particular element? This is distinct from computedStyle - for example,
in Mozilla, I want to find the actual rules that were applied for
font-size, but computedStyle gives me the font-size after weighting it
with the user's text size preference.

Thanks,
Jeremy

 

[Bart Van der Donck]

Is there any way I can find the CSS rules that were applied to a
particular element? This is distinct from computedStyle - for example,
in Mozilla, I want to find the actual rules that were applied for
font-size, but computedStyle gives me the font-size after weighting it
with the user's text size preference.

<div style="font-size:20px"
onClick="alert(this.style.fontSize)">click</div>
<hr>
<div style="font-size:200%"
onClick="alert(this.style.fontSize)">click</div>
<hr>
<div style="font-size:3em"
onClick="alert(this.style.fontSize)">click</div>
<hr>
<div style="font-size:40pt"
onClick="alert(this.style.fontSize)">click</div>

Hope this helps,