What are pseudo-classes and pseudo-elements?

Pseudo-class: targets an element’s state.

hover { color: red; }

• Pseudo-element: targets part of an element.

p::first-line { font-weight: bold; }

• Follow me on LinkedIn:

Key Takeaway:

:hover changes behavior; ::before and ::after insert content.