RESOLVED DUPLICATE of bug 28039 35073
Web Inspector: show all CSS rules affecting current element. 
https://bugs.webkit.org/show_bug.cgi?id=35073
Summary Web Inspector: show all CSS rules affecting current element.
Pavel Feldman
Reported 2010-02-17 21:56:57 PST
Created attachment 48970 [details] [IMAGE] Web Inspector's way Here is the feedback from the user: The simplest case for the difference in Chrome's CSS inspector and Firebug CSS inspector is a simple rule that affects all children elements. When I inspect the paragraph with Firebug it shows me the rule in the body affecting the font-size. With Chrome all I get is the default user agent styling. Screenshots to illustrate attached. Firebug's method is exceptionally useful when trying to find all the rules affecting a current element. The only disadvantage I've seen is when stylesheet does a global reset or other similar rule that affects basically every element in the document, this causes a ton of rules to show up in the inspector. It would be nice to turn the display of inherited rules on and off
Attachments
[IMAGE] Web Inspector's way (46.33 KB, image/png)
2010-02-17 21:56 PST, Pavel Feldman 		no flags
Details
[IMAGE] Firebug's way (53.25 KB, image/png)
2010-02-17 21:57 PST, Pavel Feldman 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Pavel Feldman
Comment 1 2010-02-17 21:57:28 PST
Created attachment 48971 [details] [IMAGE] Firebug's way
Pavel Feldman
Comment 2 2010-02-18 07:40:28 PST
*** This bug has been marked as a duplicate of bug 28039 ***
Timothy Hatcher
Comment 3 2010-02-18 08:02:23 PST
Maybe if we didn't add clientLeft for the inner element? I think adding it in for the ancestors is correct.
Timothy Hatcher
Comment 4 2010-02-18 08:02:43 PST
Wrong bug.
Note You need to log in before you can comment on or make changes to this bug.