📅 最后修改于: 2023-12-03 14:40:03.718000 🧑 作者: Mango
Dans le développement Web, il est souvent souhaité de personnaliser l'apparence des liens qui ont déjà été cliqués par l'utilisateur. Cela permet de mieux informer les utilisateurs de leur interaction avec le site Web et d'améliorer leur expérience utilisateur. En utilisant CSS, il est possible de modifier la couleur des liens cliqués afin de les différencier des autres liens.
Pour changer la couleur des liens cliqués avec CSS, nous pouvons utiliser la pseudo-classe :visited. Lorsqu'un lien a été cliqué, cette pseudo-classe est activée. Voici comment l'utiliser :
a:visited {
color: purple;
}
Dans cet exemple, nous avons défini la couleur du texte des liens visités en violet (purple). Vous pouvez bien sûr ajuster cette valeur en fonction de vos préférences.
Voici un exemple de code HTML et CSS complet qui utilise la pseudo-classe :visited pour changer la couleur des liens cliqués en vert foncé (darkgreen):
<!DOCTYPE html>
<html>
<head>
<style>
a:visited {
color: darkgreen;
}
</style>
</head>
<body>
<a href="https://example.com">Lien non cliqué</a>
<br>
<a href="https://example.com">Lien déjà cliqué</a>
</body>
</html>
Dans cet exemple, les deux liens affichent la même couleur avant qu'ils ne soient cliqués. Lorsqu'un lien est cliqué, sa couleur change en vert foncé pour indiquer qu'il a été visité.
En utilisant la pseudo-classe :visited en CSS, il est facile de changer la couleur des liens qui ont été cliqués par les utilisateurs. Cela permet d'améliorer l'interaction et l'expérience utilisateur sur un site Web. N'hésitez pas à expérimenter avec différentes couleurs pour trouver celle qui convient le mieux à votre design.