par
Victor BRITO » 18 déc. 2007, 13:09
Corrige ta CSS comme suit :
Étant donné que tu veux, apparemment, attribuer la même couleur au lien, qu'il ait été visité ou non, il n'est pas nécessaire de mentionner la pseudo-classe :visited.
De plus, n'oublie pas qu'une règle CSS en bas d'une feuille de style écrase une règle similaire située plus haut.
Code : Tout sélectionner
a {
color: black;
}
/* À ce stade, tous les liens seront affichés en noir, quel que soit leut état (visité, au survol, actif ou rien du tout) */
a {
color: blue;
}
/* En fait, tous les liens seront affichés en bleu, puisque j'écrase une règle similaire. */
a:visited {
color: red;
}
/* En fait, tous les liens visités ne seront pas affichés en bleu, mais en rouge. */
C'est ce qui t'est arrivé, en codant deux fois la règle :visited (sans préciser quel élément ou classe concerné), mais avec des propriétés différentes, la seconde règle l'emportant sur la première.

Corrige ta CSS comme suit :
[code]
a.lien1 {
color: black;
}
a.lien2 {
color: blue;
}
[/code]
Étant donné que tu veux, apparemment, attribuer la même couleur au lien, qu'il ait été visité ou non, il n'est pas nécessaire de mentionner la pseudo-classe :visited.
De plus, n'oublie pas qu'une règle CSS en bas d'une feuille de style écrase une règle similaire située plus haut.
[code]
a {
color: black;
}
/* À ce stade, tous les liens seront affichés en noir, quel que soit leut état (visité, au survol, actif ou rien du tout) */
a {
color: blue;
}
/* En fait, tous les liens seront affichés en bleu, puisque j'écrase une règle similaire. */
a:visited {
color: red;
}
/* En fait, tous les liens visités ne seront pas affichés en bleu, mais en rouge. */
[/code]
C'est ce qui t'est arrivé, en codant deux fois la règle :visited (sans préciser quel élément ou classe concerné), mais avec des propriétés différentes, la seconde règle l'emportant sur la première. ;)