Maison > interface Web > tutoriel CSS > Que sont les pseudo-classes en CSS

Que sont les pseudo-classes en CSS

王林
Libérer: 2023-01-06 11:14:19
original
3357 Les gens l'ont consulté

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.

Que sont les pseudo-classes en CSS

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;
}
Copier après la connexion

Exemple de code :

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

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

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

/* 已选择的链接 */
a:active {
  color: #0000FF;
}
Copier après la connexion

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!

Étiquettes associées:
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