Chrome shows me the ::after and ::before definitions (and inherited definitions etc..) in the Matched CSS Rules pane when I inspect an element. But the Computed Styles pane displays only the computed styles for the root element.

I have a whole CSS class hierarchy for the pseudo elements with some properties inherited and some overridden etc, and would like to know if there is any way I can see the set of styles that actually got applied (i.e. what the computed styles pane shows for the root element)

If anyone can shed any light on this, that'll be extremely helpful.

Edit - 13th Feb, 2014

Recent versions of Chrome indeed has this feature built-in Perhaps this little thread had something to do with them including it?? :-)

css google-chrome pseudo-element
Edit
Report