Что означает двойной двоеточие (::
) в CSS?Что означает двойной двоеточие (: :) в CSS?
Например:
input[type=text]::-ms-clear { display: none; }
Что означает двойной двоеточие (::
) в CSS?Что означает двойной двоеточие (: :) в CSS?
Например:
input[type=text]::-ms-clear { display: none; }
Это означает псевдо элемент селектор. Это означает, что элемент справа не существует в обычном DOM, но может быть выбран.
Псевдоэлемент состоит из двух двоеточий (: :), за которым следует имя псевдоэлемента.
Первоначально он был только один толстой кишки, но был изменен, чтобы отличить его от псевдо классов (как :hover
, :first-child
, :not
и т.д.). Лучше всего использовать :
для before
и after
псевдоэлементов, поскольку один двоеточие имеет лучшую поддержку браузера, а именно в более ранних версиях IE.
::
оператор означает, что вы выбираете псевдо элемент, тот, который на самом деле не существует как элемент, но по-прежнему могут быть направлены для укладки.
Пример этого включает несколько реализаций конкретного производителя, такие как -ms-clear
образца вы предоставляете, большинство браузеров имеют псевдо элементы стиль полос прокрутки и другие элементы родную UI, но есть также много predefined pseudo elements которые можно ссылаться на практические причины, такие как first-line
и first-letter
.
Элементы псевдонимов :before
и :after
позволяют даже вставлять фактический контент на страницу с помощью CSS с правилом content
.
CSS3 изменяет способ выбора псевдоэлементов, поскольку W3C хотел отличить псевдоклассы, такие как a:visited
от псевдоэлементов, таких как p::first-line
. См. Advanced CSS Selectors.