Использование псевдоэлементов с двойным двоеточием вместо одинарного рекомендуется, чтобы визуально отделить их от псевдоклассов. 1

Двойное двоеточие (::) было добавлено в CSS3 для того, чтобы различать псевдоэлементы типа ::before и ::after от псевдоклассов, таких как :hover и :active. 2

Однако для обратной совместимости допускается использовать одинарное двоеточие для псевдоэлементов. 3 Большинство браузеров понимает обе записи. 3

При этом некоторые псевдоэлементы, например, ::backdrop, работают только с двойным двоеточием. 2

Также стоит учитывать, что все браузеры поддерживают двойное двоеточие, кроме Internet Explorer (IE) 8 и ниже. 2