Liens -> class principale et sous class

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Liens -> class principale et sous class

par Victor BRITO » 11 avr. 2009, 12:01

Puisque tu utilises à la fois les pseudo-classes :hover, :active et :visited, n'oublie pas qu'elles ont (avec la pseudo-classe :link) un ordre de déclaration bien précis en CSS :
  1. :link,
  2. :visited,
  3. :hover,
  4. :active.
Pour s'en souvenir, il suffit de connaître la règle mnémotechnique suivante : love-hate. ;)

par the_qd » 10 avr. 2009, 19:49

Merci ça fonctionne nickel avec !important
Je ne connaissais pas cette "règle" mais elle est bien pratique.

par Elie » 10 avr. 2009, 18:51

Simple (je pense :))

a:hover {
color: #f00;
}

a.menu:hover {
color: #ff0 !important;
}

Et sinon :

.menu a:hover {
color: #ff0;
}

avec <span class="menu"><a href="#"></a></span>

Liens -> class principale et sous class

par the_qd » 10 avr. 2009, 17:01

Bonjour,

Je ne sais pas si je m'exprime bien dans mon titre mais voilà mon problème.
Dans ma feuille css, j'ai définis des attributs pour l'apparence de mes liens en général sur mon site
a
a:hover
a:visited
a:active

Ensuite j'ai également fais des classes pour les différents liens de mes menus du genre

a.menu
a.menu:hover
a.menu:visited
a.menu:active

Le seul problème c'est que sous Firefox je n'ai aucun problème le navigateur prend toujours la class que je lui donne pour l'apparence des liens.
Par contre sous IE si je clic sur un lien, il reprend l'apparence pour les liens généraux

Et si dans ma feuille CSS je supprime tous les attributs des liens généraux ça me fait le bon choix d'apparence.

Voilà le site en question http://www.cafe-du-soleil.ch/new/index.php

Mon but étant que mes liens s'affichent correctement dans IE de la même manière que dans Firefox

Si vous pouviez me dire se que je fais faux dans ma manière de faire!

Merci d'avance