Maison >interface Web >tutoriel CSS >Comment utiliser des pseudo-éléments en CSS

Comment utiliser des pseudo-éléments en CSS

云罗郡主
云罗郡主original
2018-11-28 15:36:003788parcourir

Que sont les pseudo-éléments CSS ? A quoi servent les pseudo-éléments CSS ? Je pense que beaucoup de gens ont entendu parler des pseudo-éléments CSS, mais ne savent pas ce qu'ils font. Parlons de la façon d'utiliser les pseudo-éléments en CSS ?

Comment utiliser des pseudo-éléments en CSS

Que sont les pseudo-éléments CSS ?

Les pseudo-éléments en CSS servent à ajouter des styles spéciaux au texte d'un certain sélecteur. Les pseudo-éléments ne sont pas de vrais éléments, mais ils ne sont pas très différents des autres éléments et n'existent pas dans le. document, par exemple, le code est le suivant :

p:first-line
{ 
background-color:yellow;
}

L'effet est le suivant :

Comment utiliser des pseudo-éléments en CSS

Quels sont les pseudo-css des éléments ?

Il existe de nombreux pseudo-éléments CSS, notamment first-line, before, etc.

Comment utiliser des pseudo-éléments en CSS

Pourquoi avons-nous besoin de pseudo-éléments ?

Les pseudo-éléments sont des abstractions en dehors du document spécifié. Par exemple, si la conception du document ne peut pas accéder au premier mot et à la première ligne de l'élément, des pseudo-éléments seront utilisés pour les référencer. à un contenu qui n'existe pas.

Comment utiliser les pseudo éléments en CSS ?

Le pseudo-élément CSS utilise deux deux-points pour le distinguer des autres pseudo-classes.

hey::before{
    }
hey::after{
}

Ce qui précède est une introduction complète à la façon d'utiliser les pseudo-éléments en CSS. Si vous souhaitez en savoir plus sur le Tutoriel CSS3, veuillez faire attention au site Web chinois php.


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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn