Wanting :before and :after to show up in the Elements tab as "nodes" if there are styles assigned to these pseudo elements. Would also like the ability to select the nodes and see the specific styles assigned to them, as well as hover over them and have them be highlighted in the page view.
Pseudo elements are found only in the render tree, not the DOM tree, and there is only a bare connection between the two, inside WebCore. Andrey, do you by chance know if this is something related to the shadow DOM you were looking into a while ago?
Opera has/had psuedo element's shown in their element panel. Can't seem to use it currently though. Screenshot: http://files.myopera.com/patrickhlauke/blog/Screen%20shot%202011-06-14%20at%2022.02.40.png
I believe this is showing up in new releases now? Not sure which ticket the work happened under or I’d mark it as a duplicate. But I think this can be closed.
Closing as invalid, as this bug pertains to the old inspector UI and/or its tests. Please file a new bug (https://www.webkit.org/new-inspector-bug) if the bug/feature/issue is still relevant to WebKit trunk.
This is still a great idea. I filed a new bug: <https://webkit.org/b/139612> Web Inspector: Show Pseudo Elements in DOM Tree