Что означает двойной двоеточие (: :) в CSS?

Что означает двойная двоеточие ( :: 🙂 в CSS?

Например:

 input[type=text]::-ms-clear { display: none; } 

Это означает селектор псевдоэлементов. Это означает, что элемент справа не существует в обычном DOM, но может быть выбран.

Псевдоэлемент состоит из двух двоеточий (: :), за которым следует имя псевдоэлемента.

Источник

Первоначально это был только один двоеточие, но был изменен, чтобы отличать его от псевдоclassов (например :hover :first-child :not т. Д.). Лучше всего использовать : before и after псевдоэлементов, поскольку один двоеточие имеет лучшую поддержку браузера, а именно в более ранних версиях IE.

Оператор :: указывает, что вы выбираете псевдоэлемент , который фактически не существует как элемент, но все еще может быть нацелен на стилизацию.

Пример этого включает несколько специфичных для поставщика реализаций, таких как предоставленный вами -ms-clear образец, большинство браузеров также имеют псевдоэлементы для стилей полос прокрутки и других собственных элементов пользовательского интерфейса, но также имеется множество предопределенных псевдоэлементов, на которые можно ссылаться по практическим соображениям, таким как first-line и first-letter .

Элементы :before и :after pseudo даже позволяют вам вставлять фактический контент на страницу с помощью CSS с правилом content .

CSS3 изменяет способ выбора псевдоэлементов, поскольку W3C хотел отличить псевдоclassы, такие как a:visited от псевдоэлементов, таких как p::first-line . См. Раздел Расширенные селектора CSS .

  • переопределить css для проверки формы html5 / требуемого всплывающего windows
  • Центр Треугольника в нижней части Div
  • Есть ли предыдущий селектор CSS?
  • Усечение длинных строк с помощью CSS: возможно?
  • Непрозрачность CSS не работает в IE8
  • Масштабирование изображения с помощью CSS: есть ли альтернатива webkit для -moz-crisp-edge?
  • Как сделать ссылку html похожим на кнопку?
  • Встроенный блок IE8 не работает
  • Добавьте границу CSS при наведении курсора, не перемещая элемент
  • Пользовательская панель прокрутки CSS для Firefox
  • Как сделать Firefox для печати фонового цвета?
  • Давайте будем гением компьютера.