问题
Is there any workaround to see CSS pseudo-elements like :after, :before, etc. (which are known as CSS3 Generated and Replaced Content Module) in Firebug?
Right now, when I select an element, I only see static CSS applied to it. I don't see styles applied to it using :after and :before pseudo-elements.
回答1:
You can use webkit's (chrome) developer's tool to view and modify pseudo-element's style, while you won't be able to inspect them via HTML, you can select the affected elements which generates the pseudo-element and you will see the relevant CSS.
回答2:
click directly onto parent TAGNAME to see its ::after ::before classes:
来源：https://stackoverflow.com/questions/8417656/seeing-css-pseudo-elements-in-firebug