DEV Community

Cover image for CSS3: Pseudo-Elements
Ankit Tanna
Ankit Tanna

Posted on

CSS3: Pseudo-Elements

What is CSS Pseudo-Elements?
Are Pseudo-Elements and Pseudo-Classes the same?

We as UI developers tend to confuse between Pseudo-Elements (::) and Pseudo-Classes (:).

Pseudo-elements represent physical element which is not visible in your DOM where as Pseudo-classes represent a state of an HTML element. Both of these features of CSS3 help us write clean HTML code and ultimately simplified DOM.

Check out this small 10 minutes tutorial to know more about CSS3 Pseudo-Elements.

CSS3 Pseudo Elements

I am a content creator at EverydayJavaScript. You can checkout the growing YouTube channel and provide your feedback.

Discussion (0)