Рассмотрим тут пару самых популярных псевдо элементов, которые используются для разработки интерфейсов. Попробуем на примерах разобраться зачем они нужны, и что позволяют упростить. Синтаксис Для начала, перед тем как начать использовать технологию псевдо элементов, нужно понимать как их описывать синтаксически. Они очень похожи на ранее обсужденные псевдоклассы. С небольшой поправкой они отделены двумя знаками двоеточий, вместо одних, как это было определенно для псевдоклассов. .call-me::after {} Но понятно, что это малое различие в названии приводит к тому, что многие разрабочики их путают...

Псевдоклассы в CSS позволяют выбирать элементы на основе их текущего состояния или положения в документе. Это может быть полезно для стилизации элементов при определенных действиях пользователя, таких как наведение курсора на элемент или выбор элемента в форме. Псевдоклассы начинаются со знака двоеточия и указываются после селектора элемента. Например, псевдокласс ":hover" выбирает элемент, когда курсор мыши находится над ним: В этом примере мы выбрали все ссылки, на которые наведен курсор мыши, и установили для них красный цвет...