Maison > interface Web > tutoriel CSS > le corps du texte

Introduction au sélecteur de pseudo-classe CSS

王林
Libérer: 2020-07-01 17:01:16
avant
3326 Les gens l'ont consulté

Introduction au sélecteur de pseudo-classe CSS

Sélecteur de pseudo-classe :

(apprentissage recommandé : démarrage rapide en CSS)

1. , actif, visité

a:link (statut du lien non visité), utilisé pour définir le statut régulier du lien.

a:hover (l'état dans lequel la souris est placée sur le lien), utilisé pour produire des effets visuels.

a:active (l'état lorsque la souris est enfoncée sur le lien).

a:visited (statut du lien visité), vous pouvez voir les liens qui ont été visités.

a:link{color: black}
a:hover{color: yellow}
a:active{color: blue}
a:visited{color: red}
 
<a href="#">Nick</a>
Copier après la connexion

2. avant, après

P:avant Insérez le contenu avant le contenu de chaque élément

P:after insère du contenu après le contenu de chaque élément

p {
    color: yellow;
}
p:before{
    content: "before...";
}
p:after{
    content: "after...";
}

<p> Nick </p>
Copier après la connexion

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!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal