CSS isoler un élément dans le menu déroulant

Version imprimable

13/10/2021, 14h14
MaxCab

1 pièce(s) jointe(s)

CSS isoler un élément dans le menu déroulant

Bonjour,

J'aimerai pouvoir isoler un élément dans mon menu déroulant pour Tablette/Smartphone pour pouvoir changer la couleur de fond.

Je n'y arrive pas, j'arrive à changer la couleur de fond du menu entier mais pas un élément. Je ne sais pas ce qu'il faut taper pour isoler un seul élément du menu.

Je veux changer la couleur de fond du lien CONNEXION dans mon menu et du coup changer la couleur d'écriture pour qu'il soit bien visible.

Si quelqu'un a la solution...Merci d'avance

Site : https://www.flashfithome.com

Pièce jointe 606556

Bonjour,

on peut ici utiliser :last-child :

Code:

1
2
3
4
5
6
.hfe-nav-menu nav.hfe-dropdown ul.hfe-nav-menu li.menu-item:last-child > a { color:#fff !important; 
background-color: transparent !important;
background-image: linear-gradient(180deg, #002C8D 0%, #4925F8 100%) !important; }
.hfe-nav-menu nav.hfe-dropdown ul.hfe-nav-menu li.menu-item:last-child > a:hover { color:#fff !important; 
background-color: transparent !important;
background-image: linear-gradient(180deg, #002169 0%, #3716D8 100%) !important; }

16/10/2021, 11h23
Dave Hiock

\ô/

Citation:

Je veux changer la couleur de fond du lien CONNEXION dans mon menu et du coup changer la couleur d'écriture pour qu'il soit bien visible.

indépendamment de la solution donnée, n'y aurait-il pas un problème « d'ergonomie-d'accessibilité-mise en page ... ».