Maison  >  Article  >  interface Web  >  Introduction au sélecteur de pseudo-classe CSS

Introduction au sélecteur de pseudo-classe CSS

王林
王林avant
2020-07-01 17:01:163307parcourir

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>

2. avant, après

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

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

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

<p> Nick </p>

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:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer