28173 sujets

CSS et mise en forme, CSS3

Bonjour,

j'ai un petit problème au niveau des css de liens.

j'ai 2 types de liens dans mon css, pour simplifer ca ressemble à ça :

A.lien1 {color:black;}:visited{color:black;}
A.lien2 {color:blue;}:visited{color:blue;}



Le problème est que les liens ayant pour classe lien1 ou lien2 ont la bonne couleur lorsqu'ils n'ont pas été visités mais une fois visités, ils ont la couleur de lien 2 visité.
C'est à dire que tous les liens déclarés, une fois visités, ont les attributs du dernier visited.

Comment remédier à ça?
Salut,

Et en précisant mieux le chemin des liens visités?


A.lien1{color:black;}
A.lien1:visited{color:black;}
A.lien2{color:blue;}
A.lien2:visited{color:blue;}
Bonjour,

d0m, ton code CSS correspond à ceci:
a.lien1 {
	color: black;
}
a.lien2 {
	color: blue;
}
*:visited {
	color: blue;
}

Attention à ne pas utiliser les pseudo-classes (ou plus généralement la syntaxe CSS) au petit bonheur la chance. Smiley cligne
oki, je pensais que rajouter :visited après la déclaration de la classe en normal ciblait cette classe.
J'ai donc corrigé de cette manière :

A{cursor:hand;text-decoration:none;}
lien1{color:black;}
lien1:visited{color:black;}
lien2{color:blue;}
lien2:visited{color:blue;}


et ça fonctionne.
Merci pour les explications.
Juste au passage — et un peu hs pour le coup — il est bon de rappeler que les pseudo-classes telles que :link ne doivent pas nécessairement être appliquées à un élément particulier.
Dans l'optique où les hyperliens ne seront pas forcément créés dans un avenir proche par la balise a, il peut être judicieux de prendre le pas dès maintenant.

N'oublie pas d'indiquer que ton sujet est [Résolu] Smiley cligne