{CSS} Décoration de lien survolé : conflit de définition multiple

<html><body>
<a href="http://www.halte-a-la-pub.com">--{Modéré}--</a>
<div id="cadre">
	<a href="http://www.halte-a-la-recidive.com">--{Modéré²}--</a>
</div>
</body></html>
  • Annexe : Code CSS :
a {
	color: grey;
}

a:hover {
	color: red;
}

div#cadre a {
	color: green;
}

Edité le 22/11/2007 à 00:40

Il me semble que lorsque tu définis un « a », ca supprime tous les over/focus/active.
Donc la pour ton div il faudrais que tu dises qu’au survol il doit être rouge.

div#cadre a {
color: green;
}

a:hover, div#cadre a:over{
color: red;
}

Ouais… pas top de redéfinir ça à plusieurs endroit :-/
(Je présume que définir un « a:link » à la place du « a » n’y changera rien… => Exact, j’ai testé : même résultat :()

et dans ce sens ?

div#cadre a {
color: green;
}

a:hover {
color: red;
}

Pareil :frowning:
Par contre, je me rends compte que retirer

a:link {
color: grey;
}

Ne change rien (si ne n’est la couleur du lien hors cadre, devenant bleu : défaut de mon navigateur) :
Survol hors cadre OK, survol dans cadre PAS OK

Il semble que ça soit surtout la définition du div#cadre a (ou div#cadre a:link) qui « bloque ».

Tu as testé en décrivant les 4 états dans chacun des deux cas? A savoir link, active, hover, visited.