В чем разница между :before и ::before с двумя двоеточиями?

Одно или два двоеточия?

Нет никакой разницы между :before и ::before или между :after и ::after. Синтаксис с двумя двоеточиями характерен для CSS3.

На www.w3.org/TR/css3-selectors/#pseudo-elements есть такой абзац:

Этот знак (::) введен для того, чтобы отличить псевдо-классы от псевдо-элементов. Для совместимости с уже существующими таблицами стилей псевдо-элементы в CSS 1 и 2 также возможно задавать с одним двоеточием (в частности, :first-line, :first-letter, :before и :after