28220 sujets

CSS et mise en forme, CSS3

Priorité classe et pseudo classe

Bonjour à Tous,

J'ai un petit soucis de priorité avec la balise lien <a> associée à une classe :
Voilà en gros ma feuille de style :

a:link {color:...;text-decoration:none;}
a:visited {color:...;text-decoration:none;}
a:hover {color:...;text-decoration:underline;}
a:active {color:...;text-decoration:none;}
.toto a:link {color:...;text-decoration:none;}
.toto a:visited {color:...;text-decoration:none;...}
.toto a:hover {color:...;text-decoration:underline;..}
.toto a:active {color:...;text-decoration:none;...}

et quand en html j'écris :

<a href="ici.htm" class="toto">ici</a>


Le lien prend la forme de la pseudo classe A et pas celle de toto !
Y a t il une autre façon d'écrire ça sachant que j'ai besoin de garder la définition de a ...
J'ai aussi essayé sans succès :
<span class="toto"><a href="ici.htm">ici</a></span>


Suis-je clair ?
Merci aux experts qui trouveront ! Smiley biggrin
Modifié par ThierryA (13 Aug 2005 - 07:56)
Salut,

la syntaxe ne serait-elle pas:

a.toto:link {ce que tu veux};
a.toto:visited{pareil};
a.toto:hover{pareil};
a.toto:active{idem};
Hello,

Ben non, j'avais déjà fait un test et ça marche pas mieux ! Smiley decu
C'est vraiment la pseudo classe a dans la classe toto qui n'est pas prise en compte ...
Damned
Eh merci bien bouquins !
Modifié par ThierryA (13 Aug 2005 - 08:37)
Administrateur
Bonjour et bienvenu,

J'ai fait un essai sur cette page (sous FF avec EditCSS) en remplaçant le a {} d'origine par:
a:hover {
	text-decoration: underline;
	color:#0F0;
}

.author a:hover {
	text-decoration:underline;
	color:#88F;
}

et ça fonctionne très bien, il y a une différence entre les pseudos et les liens en bas de page (defacement mis à part Smiley confused ).

Le problème est-il pour tous les navigateurs? En réduisant le problème à simplement hover ou link ou ..., ça le fait toujours?
Merci Felipe,

Je suis toujours sur le sujet et plus je fais et je défais moins je m'y retrouve ! Smiley fache
Et pourtant je fais gaffe au cache navigateur et je teste sous IE6 et FF !
A toute ...
Faire une recherche sur la propriété text-decoration dans les sujets du forum : elle n'est pas du tout héritée selon les règles habituelles de la cascade CSS, et ce problème a été longuement abordé (mais peut-être pas bien expliqué : un tuto/un point de la FAQ à faire ?)
Bon ben j'ai honte ...
Ca marche effectivement, un hoover mal placé et certainement un moment donné un cache navigateur pas à zéro et on se croit dans l'erreur Smiley bawling
Merci les gars dsl Smiley confus
Allez va on peut le mettre le résolu même si j'ai une différence de fonctionnement entre IE et FF, à l'avantage de IE Smiley decu ...
Pour compliquer le tout j'ai deux menus qui utilisent le même CSS mais ne se construisent pas tout à fait pareil, d'ou certaines confusions.
Merci Smiley smile
Sujet clos
Aller à