Qu'est-ce que la pseudo-classe CSS

La pseudo-classe CSS est utilisée pour définir des états spéciaux d'éléments. Elle peut être utilisée pour : 1. Définir le style lorsque la souris survole l'élément ; 2. Définir différents styles pour les liens visités et non visités ; 3. Définissez le style lorsque l'élément obtient le focus.

L'environnement d'exploitation de cet article : système Windows 7, version css3, ordinateur Dell G3.

Que sont les pseudo-classes ? La pseudo-classe

est utilisée pour définir des états spéciaux d'éléments.

Par exemple, il peut être utilisé pour :

• Définir le style lorsque la souris survole l'élément

• tel que visité Définir différents styles à partir des liens non visités

• Définir le style lorsque l'élément obtient le focus

Syntaxe

Syntaxe de la pseudo-classe :

selector:pseudo-class {
  property: value;
}

Pseudo-classe d'ancrage

Les liens peuvent être affichés de différentes manières :

Instance

/* 未访问的链接 */
a:link {
  color: #FF0000;
}
/* 已访问的链接 */
a:visited {
  color: #00FF00;
}
/* 鼠标悬停链接 */
a:hover {
  color: #FF00FF;
}
/* 已选择的链接 */
a:active {
  color: #0000FF;
}

Remarque : a:hover doit être après a:link et a:visited dans la définition CSS pour prendre effet ! a:active doit être après a:hover dans la définition CSS pour prendre effet ! Les noms de pseudo-classes ne sont pas sensibles à la casse.

Pseudo-classes et classes CSS

Les pseudo-classes peuvent être utilisées en conjonction avec les classes CSS :

Lorsque vous survolez le lien dans l'exemple lorsque , il changera de couleur :

Exemple

a.highlight:hover {
  color: #ff0000;
}

Etude recommandée : "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!