CODEWITHSUNDEEP
cssfirebugpseudo-element
Saeed Neamati
Saeed Neamati

Reputation: 35842

Seeing CSS pseudo-elements in Firebug

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.

Upvotes: 4

Views: 1852

Answers (2)

T.Todua
T.Todua

Reputation: 56429

click directly onto parent TAGNAME to see its ::after ::before classes:

enter image description here

Upvotes: 1

Peled Roy
Peled Roy

Reputation: 349

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.

Upvotes: 1

Related Questions