[Résolu] CSS : comment définir le style du dernier item de mon menu

Bonsoir,

Je dispose d'un menu horizontal classique (j'utilise un thème Wordpress).

Je souhaite que le dernier item "Contact" ait une forme de bouton et je dois donc l'isoler pour spécifier son propre style.

Comme cet item est le dernier, je pensais utiliser la pseudo-classe :last-child mais ça ne fonctionne pas

.main-nav .menu-item a:last-child  {}

Si j'utilise

.main-nav .menu-item-18 a  {}

ça fonctionne mais il suffit que le numéro de l'item change à l'avenir et mon style disparaîtra...

Ok, je me doute que c'est une question basique mais je n'ai pas trouvé de solution.

Bonjour,
Si ça se trouve, les liens sont dans une liste et la règle ne fonctionne donc pas. Si tel est le cas il faut alors faire ceci :

.main-nav .menu-item li:last-child a {}

On doit pouvoir optimiser le code en allégeant le poids de la sélection, mais sans le html difficile d'en dire plus.

Bonjour.

Quand le problème parait énigmatique… j'aurais tendance à penser à la spécificité :
http://dmouronval.developpez.com/tutoriels/css/cascade-heritage-specificite/

Oui bzh, heureux de te retrouver car je n'ai pu lire ta réponse que dans mon mail, le lien vers le forum étant rompu. La faute n'incombe pas à l'administrateur mais à moi qui ai publié involontairement un doublon.

J'avais donc testé cette fonction avec succès et je l'ai en même temps découvert alors qu'elle se cachait sous mon nez depuis si longtemps.

Je l'aurais utilisée sans problème mais j'ai souhaité quand même aller au bout de l'autre solution qui s'applique a priori dans tous les cas.

Bon, je repars avec deux solutions parfaites, la vie est belle
Encore merci !!