28172 sujets

CSS et mise en forme, CSS3

Bonjour
sur le site
http://collegenomade.bureaunomade.org/ pour le menu horizontal

je cherche un moyen avec les selecteur css3 , d'attribuer au avant dernier et au dernier lien de menu
la taille de 150 px

#menu li:eq(4){
width:150px;}

cette solution est elle correcte?

sinon l'avant dernier lien du menu est <li class="level1 item473"></li>
pour le sélectionner le sélecteur ."level1 item473" est il correcte
.

philippe
Modifié par philippe3441 (20 Jan 2014 - 23:44)
salut,
ça pourrait se faire avec ":nth-last-child()"

li:nth-last-child(1), li:nth-last-child(2) {width:150px;}
li:nth-last-child(1), li:nth-last-child(2) {width:150px;}

si je comprend bien ce code veut dire que les deux derniers éléments de "menu li a" ( qui sont les enfants de li ) vont avoir la taille de 150 px

philippe
Modifié par philippe3441 (21 Jan 2014 - 11:56)
Ici en occurrence ce seront les deux derniers <li> qui auront une largeur de "150px". Pour cibler les deux derniers liens, il faut raisonner de telle sorte à ce dire que ce sont les liens des deux derniers <li>. Donc en CSS on aura :

#menu li:nth-last-child(1) a, #menu li:nth-last-child(2) a {width:150px;}


EDIT: ou bien une autre manière

#menu li:nth-last-child(3)~li a {width:150px;}

Modifié par Zelalsan (21 Jan 2014 - 12:19)