Modifier la couleur des liens dans balise a
Bonjour,
Je souhaiterais que lors d'un clic sur un des liens de mon code, celui-ci et seulement celui-ci change de couleur.
HTML
Code:
1 2 3 4 5 6 7 8
|
<ul id="lien">
<li> <a href="">Libération</a></li>
<li> <a href="">L'express</a></li>
<li> <a href="">Le Monde de la Musique</a></li>
<li> <a href="">Le Nouvel Observateur</a></li>
<li> <a href="">L'humanité</a></li>
</ul> |
CSS
Code:
1 2 3 4
|
#lien a:link { color:#FAC98D;}
#lien a:visited { color:#7B7D72;}
#lien a:hover { color:white;} |
Hors, avec ce code css, lors d'un clic sur un lien, c'est toutes mes balises a qui prennent la couleur du a:visited.
Pour réussir à faire ce que je veux, dois-je impérativement nommé chaque élément li genre <li id="lien1">, <li id="lien2">... et mettre une couleur dans le code css de ces id ?
Merci à vous pour vos réponses.