WAYFINDER mettre les class firstClass et lastClass sur le li et active sur le a

10 Posts

rorschach Reply #1, 16 years, 6 months ago

Bonsoir à tous,

Je cherche depuis un petit moment sur le forum et le wiki mais je ne trouve pas de solution.
Je souhaite pouvoir mettre une class first pour le premier li une class last pour le dernier li et ajouter la class active sur les a et non pas les li.

<ul id="topnav">
	<li class="first"><a href="#">rub 1</a></li>
	<li><a href="#">rub 2</a></li>
	<li><a href="#">rub 3</a></li>
	<li class="last"><a class="active" href="#">rub 4</a></li>
</ul>

Cela me permet de mettre sur le premier et le dernier li en css une image pour faire des arrondies à mon menu quand ils sont actifs.

Webdesigner, int

793 Posts

ottogal Reply #2, 16 years, 6 months ago

Rebonjour rorschach,

je ne suis pas sûr, mais peutêtre on pourrais prendre la pseudo-class :active pour les "a" à place de la classe "active".
Alors:

<li class="last"><a href="#">rub 4</a></li>

et dans les CSS:

li.last a:active {background-image: ....}

Bonne continuation
ottogal

10 Posts

rorschach Reply #3, 16 years, 6 months ago

Bonjour Ottogal merci de ta réponse, j’ai réussi en doublant les class sur les li et les a.
Ensuite j’appelle dans mon css mes class de cette façon pour les différencier :

#header ul li a.current {

}
#header ul li.first a {

}
#header ul li.first a.active {

}

Webdesigner, int