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

Question

:before и ::before обозначают один и тот же псевдоэлемент. Двойное двоеточие — современный стандарт CSS. Одинарное двоеточие оставлено для обратной совместимости. Функциональной разницы между ними нет. Рекомендуется использовать ::before.

YeaHub · Accepted Answer

Различие между :before и ::before связано не с поведением, а с историей CSS.Определение::before — это псевдоэлемент, который позволяет вставлять виртуальный контент перед содержимым элемента.Исторический контекстИзначально CSS использовал одинарное двоеточие::before:afterПозже была введена более строгая нотация:::before::afterСовременная практикаСегодня:оба варианта работают одинаково::before соответствует спецификации:before поддерживается для legacy-кодаПример использования.item::before {
  content: '';
  display: block;
}
Краткий вывод:before и ::before функционально идентичны, но предпочтение следует отдавать ::before.