Que signifie le double-colon en CSS?

Question

Que signifient les :: (doubles points) dans CSS?

par exemple

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

Answer 1

Cela signifie pseudo élément sélecteur. Il signifie que l' élément à droite n'existe pas dans les DOM normal, mais peut être sélectionné.

Un pseudo-élément est constitué de deux-points (::), suivi du nom de la pseudo-élément.

Source

Il était initialement qu'un seul colon, mais a été modifié pour la différencier des autres sélecteurs (comme :hover). Il est préférable d'utiliser : pour before et after éléments pseudo depuis le seul colon a une meilleure prise en charge du navigateur, à savoir dans les précédentes versions IE.

Answer 2

L' :: opérateur indique la sélection d'un pseudo-élément, celui qui n'existe pas dans la réalité comme un élément, mais qui peuvent encore être ciblés pour le style.

Exemple de ceci incluent plusieurs des implémentations spécifiques au vendeur comme l' -ms-clear de l'échantillon que vous fournissez, la plupart des navigateurs ont également des pseudo-éléments dans le style des barres de défilement et d'autres éléments d'INTERFACE natifs, mais il y a aussi beaucoup de prédéfinis pseudo-éléments qui peuvent être référencées pour des raisons pratiques, telles que l' first-line et first-letter.

L' :before et :after pseudo éléments vous permettent même d'insérer le contenu dans la page à l'aide de CSS avec l' content règle.

Answer 3

CSS3 modifie la manière dont les pseudo-éléments sont sélectionnés, le W3C souhaitant distinguer les pseudo-classes telles que a:visited des pseudo-éléments tels que p::first-line . Voir Sélecteurs CSS avancés .