When selecting a page item, Firebug should also show the corresponding :before and :after properties in the CSS tab.

Please attach a complete test case file, thanks.

This is the test case file, taken from SelfHTML. If you inspect the "h1", the "h2" or the "p", Firebug should show the :before and :after properties of these elements.

I have problems with this all the time since I use the Easy Clearing technique frequently.

What is Easy Clearing?

Easy Clearing is a technique for having containers contain floated children. http://www.positioniseverything.net/easyclearing.html

See also issues involving hover Issue 1012, 598, 537, 125

Another test case for you is on the "Diff from previous version" view of the "XHTML Media Types - Second Edition" Working Group Note:

http://www.w3.org/TR/2009/NOTE-xhtml-media-types-20090116/xhtml-media-types-diff.html

This might be helpful as the embedded styles on this page insert visible content using the ":before" and ":after" pseudo classes, e.g., for inserted and deleted content.

just changing to standard tag

Comment deleted

Still a bug in 1.5b5, A modified version of the test case in comment #1 is available: http://getfirebug.com/tests/issues/issue365.html

It would be good to figure out if fixing this requires Firefox work. My first effort crashed FF 3.7 however...

John,

What approach did you take for Comment #10?

If we do need to get Firefox support on this one, we might want to try to lobby for support for DOM utils support for lookup of all psuedo-selectors.

I was trying to look at the rules loop in appendRules of getStyleSheetRules, but now I see that this code populates the CSS panel, not the Style side panel. The before/after rules are seen in the CSS panel. I don't remember how the Style panel gets its list.

Also note, that when being inside the CSS panel and hovering the image url of the "h1:before" style of John's test-case in comment #10 there is no preview popup of that image shown.

I had a similar issue where I was trying to debug phantom list item bullets with :before and the "content" attribute -- sample is located at http://www.alistapart.com/articles/taminglists/#custom-gen -- I can wget/tarball the page requirements if it's more helpful than a hyperlink. (@devs: Thanks for the great work!)

looks like this depends on DOMUtils' getCSSStyleRules. Firefox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=185431.

Actually this is a part of issue 537, so I'll mark this as duplicate.