Чем псевдоэлементы отличаются от псевдоклассов?

Псевдоэлементы (::before, ::after, ::first-line, ::placeholder) создают виртуальные элементы, которых нет в HTML. Пишутся с двумя двоеточиями. Псевдоклассы (:hover, :focus, :first-child, :nth-child) описывают состояние существующего элемента. Пишутся с одним двоеточием. ::before и ::after требуют content и часто используются для декоративных элементов без загрязнения HTML. Псевдоклассы — для интерактивных состояний и выбора по позиции.