Que signifie le double deux-points (: :) en CSS?

Que signifie le double deux-points ( ::) en CSS?

Par exemple:

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

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

Un pseudo-élément est composé de deux deux points (: :) suivis du nom du pseudo-élément.

La source

Il était à l' origine un seul colon, mais il a été changé pour le différencier des classes de pseudo (comme :hover, :first-child, :notetc.). Il est préférable d'utiliser :des éléments for beforeet des afterpseudo-éléments car les deux-points simples ont une meilleure prise en charge du navigateur, à savoir dans les versions antérieures d'IE.

L' ::opérateur indique que vous sélectionnez un pseudo élément , qui n'existe pas réellement en tant qu'élément mais qui peut toujours être ciblé pour le style.

Par exemple, plusieurs implémentations spécifiques au fournisseur telles que l' -ms-clearexemple que vous fournissez, la plupart des navigateurs ont également des pseudo éléments pour styliser les barres de défilement et d'autres éléments d'interface utilisateur natifs, mais il existe également de nombreux pseudo éléments prédéfinis qui peuvent être référencés pour des raisons pratiques, tels que first-lineet first-letter.

Les :beforeet :afteréléments pseudo vous permettent même d'insérer le contenu réel dans la page en utilisant CSS avec la contentrègle.

CSS3 change la façon dont les pseudo-éléments sont sélectionnés, car le W3C voulait distinguer les pseudo-classes comme a:visiteddes pseudo-éléments comme p::first-line. Voir Sélecteurs CSS avancés .