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)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay