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

Псевдоэлементы и псевдоклассы отличаются тем, что определяют разные области элементов. webkyrs.info

Псевдоэлементы — это селекторы, которые определяют область элементов, которая изначально отсутствует в дереве документа. webkyrs.info Эта область создаётся искусственно с помощью CSS. webkyrs.info Например, с помощью псевдоэлементов можно стилизовать первую букву или добавлять текст до элемента. www.hackfrontend.com

Псевдоклассы — это селекторы, которые определяют состояние уже существующих элементов, которое может меняться при определённых условиях. webkyrs.info Например, псевдокласс :hover позволяет применить правила CSS к элементу только при наведении курсора на элемент. habr.com

Таким образом, ключевое отличие в том, что псевдоклассы определяют состояние элементов, которые уже существуют на странице, а псевдоэлементы создают области (искусственные элементы), которых изначально на веб-странице не было. webkyrs.info