October 12, 2010 by huionn
Today while I was trying to figure out (confusing) CSS precedence rules, I discovered a useful feature of firebug.
Right click any element and click “Inspect Element” in the context menu, a firebug window like above will be shown. In the right hand side Style panel, it shows the style precedence graphically. Overridden styles are strike-through. Computed and Layout can also ease up CSS troubleshooting effort.
Btw, the web page shown is http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/ which is a detailed guide to understand style precedence in depth.