IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

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


Sujet :

CSS

  1. #1
    Candidat au Club
    Homme Profil pro
    Coach
    Inscrit en
    octobre 2021
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 26
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Coach
    Secteur : Santé

    Informations forums :
    Inscription : octobre 2021
    Messages : 1
    Points : 2
    Points
    2
    Par défaut 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

    Nom : CSS.png
Affichages : 51
Taille : 485,5 Ko

  2. #2
    Membre averti Avatar de jreaux62
    Homme Profil pro
    Webmaster
    Inscrit en
    juin 2021
    Messages
    226
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Arts - Culture

    Informations forums :
    Inscription : juin 2021
    Messages : 226
    Points : 433
    Points
    433
    Par défaut
    Bonjour,

    on peut ici utiliser :last-child :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    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; }

  3. #3
    Membre actif
    Homme Profil pro
    OoW
    Inscrit en
    juin 2019
    Messages
    79
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 51
    Localisation : Ukraine

    Informations professionnelles :
    Activité : OoW

    Informations forums :
    Inscription : juin 2019
    Messages : 79
    Points : 269
    Points
    269
    Par défaut
    \ô/
    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 ... ».

Discussions similaires

  1. Problème de background dans un menu deroulant css
    Par lethyss dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 27/04/2007, 16h09
  2. Utiliser une table MySQL dans un menu deroulant de formulaire
    Par darkfazer dans le forum SQL Procédural
    Réponses: 1
    Dernier message: 17/10/2006, 23h16
  3. Réponses: 1
    Dernier message: 10/09/2006, 05h33
  4. <hr /> dans un menu deroulant
    Par Paniez dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 09/09/2006, 11h53
  5. fixer une valeur dans un menu deroulant
    Par donny dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 31/05/2005, 09h51

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo