Discussion :

[lisa.a]

Bonjour
je débute en CSS
j'ai récupérer un style pour faire des jolis onglets à partir d'une liste qui marche bien.

dans le css j'ai

ul#menu li a{...}
ul#menu li a:hover

et dans le html un id="menue" dans l'ul.

Maintenant le soucis c'est que je voudrais que le lien qui correspond à la page surlaquelle on est soit d'une autre couleur, mais qd je mets une classe menu_on à mon lien (.menu_on{color:#000000;} dans le css), il est pas pris en compte - apparemment c'est le ul#menu li a{...} qui l'emporte.

Comment faire ?
merci d'avance pour votre aide
++

[lisa.a]

c'est marrant comme il suffit d'écrire la question des fois pour trouver la réponse
alors que ça fait 2h que j'ai essayé toutes les combinaisons, ben bam, je poste, et je finis par trouver la bonne réponse
désolée pour le dérangement

juste pour info la solution que j'ai trouvé c'est de dégager les id et remplacer ul#menu li par .menu_on et .menu_on dans le css
voili
encore désolée d'avoir posté pour rien
++

[Macmillenium]

Bonjour,

apparemment c'est le ul#menu li a{...} qui l'emporte.

Oui, les id sont prioritaires.
Essaye donc :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
ul#menu li a.menu_on{color:#000000;}

[lisa.a]

ok je le note
les id sont prioritaires

ul#menu li a.menu_on marche aussi
c'est mieux de préciser le ul#menu li a avant le .menu_on?

[Macmillenium]

c'est mieux de préciser le ul#menu li a avant le .menu_on?

Tu affecte une classe .menu_on avec un style différent a une balise <a> enfant de la balise <li> qui est elle même enfant de la balise <ul> dont l'identifiant est #menu => a.menu_on est donc un descendant de #menu.

[lisa.a]

ok
ben jvais faire ça alors
merci bcp
+++