Que représentent les doubles deux-points dans les attributs CSS3 ?

Le double deux-points de l'attribut CSS3 indique que l'attribut est un sélecteur de pseudo-éléments, qui est un sélecteur utilisé pour créer des éléments qui ne sont pas dans l'arborescence DOM et leur ajouter des styles. Les pseudo-éléments CSS3 incluent "::after", "::before", "::first-letter", "::first-line" et ainsi de suite.

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Le double deux-points de l'attribut CSS3 indique que l'attribut est un pseudo-sélecteur d'élément.

Que sont les pseudo-éléments ?

Les pseudo-éléments sont littéralement compris comme des « faux éléments » ou des « éléments déguisés ». En fait, cela peut être compris de cette façon. Les pseudo-éléments sont en fait des éléments virtuels qui n'existent pas (sous forme de code), et vous ne pouvez pas les trouver dans le document, donc les pseudo-éléments sont des éléments virtuels.

Le pseudo-élément est un sélecteur utilisé pour créer des éléments qui ne sont pas dans l'arborescence DOM et leur ajouter des styles.

Avec les pseudo-éléments, vous pouvez définir des styles pour des parties spécifiques de l'élément sélectionné sans recourir à l'ID ou aux attributs de classe de l'élément. Par exemple, grâce aux pseudo-éléments, vous pouvez définir le style de la première lettre d'un paragraphe, ou insérer du contenu avant ou après l'élément, etc.

CSS fournit une série de pseudo-éléments, comme indiqué dans le tableau suivant :

correspond à la première lettrecorrespond à la première ligne de chaque élément

correspond à la partie de l'élément sélectionnée par l'utilisateur correspond à l'espace réservé pour chaque zone de saisie du formulaire (par exemple ) Propriétés ( Partage de vidéos d'apprentissage : , front-end web)

Pseudo-élément	Exemple	Exemple de description
::after	p::after	Dans chaque Insérer du contenu après chaque élément -letter
	::first-line	p::first-line
	::selection	p:: selection
	::placeholder	input::placeholder
		tutoriel vidéo CSS

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!