[Résolu] Couleur CSS non appliquée

Bonjour,
Je souhaite modifier la couleur d'un lien mais celui si s'obstine à rester bleu malgré la redéfinition de couleur que Firebug me confirme être appliquée... ôO
Je précise que c'est un projet GWT bien que ça ne doit pas avoir de rapport.
Un schéma est toujours plus parlant donc :


Merci d'avance,
Polyfernal
Modifié par Polyfernal (15 Apr 2011 - 09:25)

Bonjour,

Essayes avec a.class

ps. : le code en texte, c'est quand même mieux qu'en image...

Je dirais que le style :visited s'applique et prend le pas sur ta classe. Tu ne le vois pas dans Firebug car les styles :visited ne sont pas reflétés dans l'API DOM Style (dans certains navigateurs) pour des raisons de sécurité.

Un exemple:

<a href="http://example.org/" class="test1">Un lien visité</a><br>
<a href="http://example.org/" class="test2">Un autre lien visité</a>

a:visited {
    color: red;
}
.test1 {
    color: green;
}
a.test2 {
    color: green;
}

Dans FF4, "a:visited" a la priorité sur ".test1", mais "a.test2" a la priorité sur "a:visited". Pourquoi? C'est une question de priorité des sélecteurs. Un nom d'élément ("a") vaut 1. Un nom de classe (".test1") vaut 10. Mais les sélecteurs d'attribut (" ", "[foo=bar]", etc.) et les pseudo-classes valent 10 aussi. Donc la spécificité de chaque sélecteur est:
- "a:visited" -> 0011
- ".test1" -> 0010
- "a.test1" -> 0011

Et voilà. Il te faut donc un sélecteur plus fort si tu veux passer outre le style des liens visités. Ou bien définir aussi un ".gwt-Anchor:visited".

@fvch :
Merci pour ton explication si détaillé, cela fonctionne beaucoup mieux en effet ! J'ai eu un gros blanc quand je me suis rendu compte que je ne pensais même pas au fait que j'ai visité le lien... Dur dur le vendredi. ><'

@Laurie-Anne :
Désolé pour l'image, j'ai vu cela plus pratique vis à vis des dépendances css. Mais je mettrais les deux la prochaine fois.