CSS : Contrer la couleur par défaut d'un lien

WRInaute occasionnel
Bonjour à tous,

J'ai définis des couleurs pour mes liens dans un fichier CSS.

Code:
A:link {
   color: #0000FF;
}
A:visited {
   color: #0000FF;
}
Mais le problème, quand je veux définir une couleur pour un lien précis, cela ne fonctionne pas, et la couleur est celle définie précédement.

Code:
.monlienspecial {
   color: #FFFFFF;
}
Comment contrer cela ?
Merci d'avance.
 
WRInaute impliqué
a .monlienspecial:link { color: #FFFFFF;}
a .monlienspecial:visited {...}
a .monlienspecialactive {...}
a .monlienspecial:hover {...}
et ne pas oublier d'appliquer la class à la balise a.
 
WRInaute occasionnel
Ah d'accord, merci beaucoup :D

Code:
A.monlienspecial {
   color: #FFFFFF;
}
Code:
<a href="..." class="monlienspecial">blabla</a>
Fonctionne également.
(Liens visités et non de même couleur).

Qu'en pensez-vous ? C'est correct ainsi ?

Edit 08h22 : J'ai remarqué que sur Internet Explorer, le lien visité reprend sa couleur initiale, c'est-à-dire A:visited... Vive IE...
 
WRInaute discret
Oui c'est correct, mais mieux vaut définir les :link : visited, ... ca t'évitera que IE change la couleur comme tu dis.
 
WRInaute occasionnel
Ok merci :

Code:
a.lienspecial:link, a.lienspecial:visited
{
   color: #FFFFFF;
}
Voilà :D
 
WRInaute impliqué
Pour optimiser tu peut faire :

a.lienspecial:link, a.lienspecial:visited { color: #FFF }

(tu peut simplifier le code couleur et supprimer le ; pour le dernier attribut)


#0000FF => #00F
 
WRInaute discret
pour optimiser encore plus :)

Code:
a{color:#00f;}
a.lienspecial{color:#fff;}

si tu veux que tous les états (states?) de tes liens soient les memes, pas la peine de preciser :lik, :visited, :active ou :hover
 
WRInaute occasionnel
micatmidog a dit:
Code:
A.monlienspecial {
   color: #FFFFFF;
}

Edit 08h22 : J'ai remarqué que sur Internet Explorer, le lien visité reprend sa couleur initiale, c'est-à-dire A:visited... Vive IE...

Non, ça ne fonctionne pas sous IE.
 
Discussions similaires
Haut