DEV Community

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

Posted on

1

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.

Top comments (0)

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay