Que signifient deux deux-points en CSS ?

Les deux points en CSS représentent des pseudo-éléments, tels que "::selection". Le contenu contrôlé par le pseudo-élément est le même que le contenu contrôlé par un élément, mais le pseudo-élément n'existe pas dans le arborescence de documents et n'est pas un élément réel. C'est pourquoi on l'appelle un pseudo-élément.

L'environnement d'exploitation de cet article : système Windows10, CSS3, ordinateur Thinkpad T480.

Recommandé : "Tutoriel vidéo CSS"

css Deux deux-points (::) représentent des pseudo-éléments, tels que "::selection". Le contenu contrôlé par un pseudo-élément est le même que celui contrôlé par un élément, mais le pseudo-élément n'existe pas dans l'arborescence du document et n'est pas un élément réel, on l'appelle donc un pseudo-élément.

Différent des pseudo-classes qui ciblent des éléments dans des états spéciaux, les pseudo-éléments opèrent sur un contenu spécifique dans les éléments. Le niveau qu'ils opèrent est plus profond que celui des pseudo-classes, leur dynamique est donc la même. beaucoup plus faible.

En fait, le but de la conception de pseudo-éléments est de sélectionner la première lettre (lettre) et la première ligne du contenu de l'élément, et de sélectionner le recto ou le verso de certains contenus, ce que les sélecteurs ordinaires ne peuvent pas faire. .

Le contenu qu'il contrôle est en fait le même que l'élément, mais ce n'est qu'une abstraction basée sur l'élément et n'existe pas dans le document, on l'appelle donc un pseudo-élément.

Extension :

Il y a une description dans la spécification W3C sur les sélecteurs CSS3 :

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

　Cette :: notation est introduite par le document actuel afin d'établir une discrimination entre pseudo-classes et pseudo-éléments. Pour la compatibilité avec les feuilles de style existantes, les agents utilisateurs doivent également. acceptez la notation précédente à un deux-points pour les pseudo-éléments introduits dans les niveaux CSS 1 et 2 (à savoir : :first-line, :first-letter, :before et :after). Cette compatibilité n'est pas autorisée pour les nouveaux pseudo-éléments introduits. en CSS niveau 3.

Une traduction simple, l'idée générale est que les pseudo-éléments sont constitués de doubles deux-points et de noms de pseudo-éléments. Le double deux-points a été introduit dans la spécification actuelle pour distinguer les pseudo-classes des pseudo-éléments. Cependant, les pseudo-classes sont compatibles avec les styles existants et les navigateurs doivent en même temps prendre en charge les anciennes pseudo-classes, telles que :first-line, :first-letter, :before, :after, etc.

En d'autres termes, pour les pseudo-éléments qui existaient avant CSS2, comme :before, le simple deux-points et le double deux-points ::avant ont le même effet.

Ainsi, si votre site Web doit uniquement être compatible avec webkit, Firefox, Opera et d'autres navigateurs, il est recommandé d'utiliser la méthode d'écriture à deux points pour les pseudo-éléments. Il est préférable d'utiliser la méthode d'écriture CSS2 avec un seul deux-points.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!