What are pseudo-classes and pseudo-elements?

Pseudo-classes target states (e.g., :hover, :focus-visible, :nth-child). Pseudo-elements target virtual parts (e.g., ::before, ::after, ::placeholder).

They help reduce extra markup for UI states and decoration.