Dillion Megida • 8/25/2022

Pseudo classes vs Pseudo elements

This article clarifies the distinction between CSS pseudo-classes and pseudo-elements. It explains that pseudo-classes (e.g., :hover, :disabled) style an element in a specific state, while pseudo-elements (e.g., ::before, ::selection) style a specific part of an element or add content. The guide covers syntax (single vs. double colon), provides common examples, and addresses potentially confusing cases like :first-child versus ::first-letter.

0 comments

#Frontend #css #Selectors