Quelles sont les pseudo-classes de liens CSS3 ?

Il existe 5 pseudo-classes de liens css3, à savoir : 1. ":link", qui définit le style des liens non visités ; 2. ":visited", qui définit le style des liens visités 3. ":hover" " , définissez le style de passage de la souris sur le lien ; 4. ":active"; 5. ":focus".

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

Que sont les pseudo-classes de liens CSS ?

La pseudo-classe de lien CSS est une classe intégrée en CSS elle-même lui donne certaines fonctionnalités et fonctions pour ajouter des effets spéciaux aux liens.

La pseudo-classe de lien CSS est utilisée pour ajouter des effets spéciaux aux liens.

Les pseudo-classes CSS sont utilisées pour ajouter des effets spéciaux aux sélecteurs. Elles sont utilisées pour ajouter des styles correspondants aux éléments existants lorsqu'ils sont dans un certain état. Cet état change dynamiquement en fonction du comportement de l'utilisateur.

Plusieurs éléments de pseudo-classe pour les liens

• :link--utilisez ceci pour définir le style des liens non visités

• :visited--utilisez ceci pour définir le style des liens visités

•  : hover--utilisé pour définir le style de survol de la souris sur le lien

• :actif--utilisé pour définir le style à partir du moment où la souris clique sur le lien jusqu'au moment où la souris est relâchée

• :focus-- utilisé Pour définir le style lors de l'utilisation du clavier pour se concentrer sur un lien (comme lorsque vous utilisez la touche de tabulation ou les touches haut et bas pour déplacer le focus de la page)

Liens normaux non visités

a:link {
    text-decoration: none;
}

Liens visités

a:visited {
    text-decoration: none;
}

Le lien que la souris a traversé (est resté allumé)

a:hover {
    text-decoration: none;
}

Le lien sur lequel on clique, la souris est appuyée sur l'élément mais n'a pas été relâchée

a:active {
    text-decoration: none;
}

La couleur affichée lorsque la souris est relâchée lorsqu'elle obtient le focus

a:focus {
    text-decoration: none;
}

(Partage de vidéos d'apprentissage : 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!