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

Псевдоэлементы - это специальные конструкции в CSS, которые позволяют создавать виртуальные элементы и добавлять к ним стили. Псевдоэлементы начинаются со знака двоеточия и указываются после селектора элемента. Они не существуют в DOM, но могут быть использованы для добавления дополнительных эффектов на страницу. Два наиболее часто используемых псевдоэлемента - это ::before и ::after. Псевдоэлемент ::before позволяет добавить контент перед содержимым элемента, а псевдоэлемент ::after - после содержимого...