The difference between a pseudo-class and a pseudo-element in CSS

The main difference between a pseudo-class and a pseudo-element in CSS is that

The effect of pseudo-class can be achieved by adding an actual class, and

The effects of pseudo-elements need to be achieved by adding an actual element, which is why they are called pseudo-classes, a pseudo-element.

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

:P seudo-classes
::P seudo-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.

Related Articles Links