Псевдоэлементы — это селекторы, определяющие область элементов, которая изначально отсутствует в структуре/дереве документа.
Псевдоклассы — являются селекторами, которые определяют состояние тех элементов, которые уже существуют, которое может меняться при конкретных условиях.
Иными словами, псевдоклассы определяют состояние элементов, уже существующих в документе, а псевдоэлементы являются искусственными, их изначально на странице не было.
Псевдокласс записывается как
E: link
Псевдоэлементов немного и они записываются так
E::first-line
E::first-letter
E::before
E::after