В чём разница между :before и ::before?

Различие между :before и ::before связано не с поведением, а с историей CSS.

Определение

::before — это псевдоэлемент, который позволяет вставлять виртуальный контент перед содержимым элемента.

Исторический контекст

Изначально CSS использовал одинарное двоеточие:

• :before

• :after

Позже была введена более строгая нотация:

• ::before

• ::after

Современная практика

Сегодня:

• оба варианта работают одинаково

• ::before соответствует спецификации

• :before поддерживается для legacy-кода

Пример использования

.item::before {
  content: '';
  display: block;
}

Краткий вывод

:before и ::before функционально идентичны, но предпочтение следует отдавать ::before.