Pseudoklasy

Pseudoklasa wybiera element ze względu na stan lub pozycję w strukturze.

button:hover { background: #ddd; }
button:focus-visible { outline: 2px solid blue; }
input:checked { accent-color: blue; }
li:nth-child(odd) { background: #eee; }
button:disabled { opacity: .5; }

Inne przykłady: :first-child, :not(...), :has(...), :valid.

Doprecyzowanie: pseudoelement, np. ::before lub ::first-line, dotyczy części elementu albo generowanej zawartości. To inna kategoria.

Pułapka: nie pokazuję ważnej funkcji wyłącznie przez :hover — użytkownik klawiatury lub telefonu też musi móc z niej skorzystać.