Que sont les pseudo-classes en CSS

La pseudo-classe en CSS est utilisée pour définir le statut spécial des éléments. Elle peut être utilisée pour définir le style lorsque la souris survole l'élément, définir le style lorsque l'élément obtient le focus, et peut également. être utilisé pour définir le style des liens visités et non visités qui sont stylés différemment.

L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.

Les pseudo-classes en CSS sont utilisées 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 spécifique :

selector:pseudo-class {
  property: value;
}

Exemple de code :

/* 未访问的链接 */
a:link {
  color: #FF0000;
}

/* 已访问的链接 */
a:visited {
  color: #00FF00;
}

/* 鼠标悬停链接 */
a:hover {
  color: #FF00FF;
}

/* 已选择的链接 */
a:active {
  color: #0000FF;
}

Partage de vidéos associées : 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!