Manipulating CSS styles of pseudo elements in Firebug

Question

Is is possible to manipulate CSS of pseudo element :before or :after using Firebug? I know these are specific elements that are handled internally by browsers but Firebug has more low level access (I suppose) so maybe it has the ability to manipulate these as well.

Answer 1

You can edit a stylesheet in the CSS tab and

• add new rules for pseudo-elements
• alter existing pseudo-element rules

However, I can't find any pseudo-element styles in the computed styles panel. Probably because the styles don't apply to the elements but rather their contained pseudo-elements. Neither can I find a way to inspect pseudo-elements using Firebug.