The difference between pseudo-class and pseudo-elements

• CSSPseudo-classes are used to add special effects to certain selectors.
• CSSPseudo-elements are used to add special effects to certain selectors.

Can be clear two points, the first two are related to selectors, the second is to add some "special" effect. The special point here is that the two describe css something else that cannot be described.

Pseudo-Class types

Pseudo element Kind

Summarize

Pseudo-elements and pseudo-classes are so easily confused because they are similar in effect, but in fact css3 , in order to differentiate between them, it is clear that pseudo-classes are represented by a colon, while pseudo-elements are represented by two colons.

:Pseudo-classes::Pseudo-elements

But because of the compatibility problem, so now most of the unified single colon, but aside from the problem of compatibility, we should try to develop good habits when writing, to distinguish between the two.

The difference between pseudo-class and pseudo-elements