Co oznacza podwójny dwukropek (: :) w CSS?

Co oznacza podwójny dwukropek ( ::) w CSS?

Na przykład:

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

Oznacza to selektor pseudoelementów . Oznacza to, że element po prawej stronie nie istnieje w normalnym modelu DOM, ale można go wybrać.

Pseudoelement składa się z dwóch dwukropków (: :), po których następuje nazwa pseudoelementu.

Źródło

To był pierwotnie tylko jeden dwukropek, ale został zmieniony w celu odróżnienia go od klas pseudo (jak :hover, :first-child, :notitp.) Najlepiej używać :for beforei afterpseudoelementów, ponieważ pojedynczy dwukropek ma lepszą obsługę przeglądarki, a mianowicie we wcześniejszych wersjach IE.

::Operator wskazuje jesteś wybraniu elementu pseudo , jeden, który nie istnieje w rzeczywistości jako element, ale nadal mogą być kierowane do stylizacji.

Przykładem tego jest kilka implementacji specyficznych dla dostawców, takich jak -ms-clearprzykład, który podajesz, większość przeglądarek ma również pseudoelementy do stylizowania pasków przewijania i innych natywnych elementów interfejsu użytkownika, ale istnieje również wiele predefiniowanych pseudoelementów, do których można się odwoływać ze względów praktycznych, takie jak first-linei first-letter.

Te :beforei :afterpseudo elementy pozwalają nawet wstawić rzeczywistej zawartości do strony za pomocą CSS z contentreguły.

CSS3 zmienia sposób wybierania pseudoelementów, ponieważ W3C chciał rozróżniać pseudoklasy, takie jak a:visitedpseudoelementy, takie jak p::first-line. Zobacz Zaawansowane selektory CSS .