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


Ответы:


110

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

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

Источник

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


27

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

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

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


Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.