Search code examples
cssgoogle-chromedeveloper-tools

The display order of CSS rules in Chrome Developer Tools

I have been examining a web page in Chrome Developer Tools and noticed that the CSS rules are displayed in alphabetical order. I noticed that when I tried to track the inheritance of the rules applied to an element through all its ancestors.

Is there any way to change the order in which rules are displayed? Or maybe this is possible using other tools?

Thanks.

Solution

  • I suggest you Firebug Lite. It doesn't support all the features of well known firebug for firefox but still great tool for chrome.