Bug 35073

Summary: Web Inspector: show all CSS rules affecting current element.
Product: WebKit Reporter: Pavel Feldman <pfeldman>
Component: Web Inspector (Deprecated)Assignee: Pavel Feldman <pfeldman>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: bweinstein, joepeck, rik, timothy
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: All   
OS: All   
Attachments:
Description Flags
[IMAGE] Web Inspector's way
none
[IMAGE] Firebug's way none

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
[IMAGE] Firebug's way (53.25 KB, image/png)
2010-02-17 21:57 PST, Pavel Feldman
no flags
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.