Псевдоэлемент ::before и :before

#css #css3

В чем различие ::before и :before? Или ::after и :after? 
    

Ответы

Ответ 1

Ранее с появлением CSS2.1 синтаксис псевдоэлементов (напр. :before) и псевдоклассов
(напр. :first-child) не отличался: оба варианта писались с двоеточием в качестве префикса,
дабы указать на их псевдосущность.  

С появлением CSS3 товарищи из W3C решили указать на их отличие друг от друга, оставив
одно двоеточие для псевдоклассов (:not), но введя двойное двоеточие для псевдоэлементов
(::before и ::after).  

P.S. Всеми любимый IE до версии 9.0 не поддерживает двойные двоеточия, так что надёжнее
использовать по-прежнему одинарные, если разработка ведётся не только для современных
браузеров.

Подробнее про псевдоэлементы можно почитать по ссылке: псевдоэлемент ::before


Ответ 2

:before, как и :after оставлены для поддержки старых браузеров. Разницы нет.


  /* CSS3 синтаксис */
  
  element::before { свойства }
  
  /* CSS2 устаревший синтаксис (нужен только для поддержки IE8) */
  
  element:before  { свойства }
  
  *Источник