CSS für Elternelement eines Sub-Menu

  • Hallo,

    nachden ich schon ewig rumfummel, vielleicht weiß jemand den ultiamtiven Ratschlag.

    Ich habe ein Menü mit einem Sub-Menu an einem Punkt.
    1.
    2.
    3.
    3.1.
    3.2.
    4.

    Es gibt keine Hintergrundfarbe für das Hauptmenü. Aber eine ndere Hintergrundfarbe beim hover und eine andere bei active. Im Untermenü gibt es eine Hintergrundfarbe und eine andere für hover. Klickt man z.B. auf 3.1 verschwindet das Menü wieder.

    Wenn ich jetzt aber mit der Maus über das Sub-Menu fahre, z.B. hover bei Punkt 3.1 erhält 3.1 brav seine geänderte Hintergrundfarbe. Punkt 3, also das Elternelement hat aber keine Hintergrundfarbe mehr.

    Natürlich soll hier aber auch eine Hintergrundfarbe sein. Aber wie???

    Ich weiß, es ist bestimmt ganz einfach. Aber irgendwo ist ein Knoten in meinen Gedanken. Vielleicht weiß jemand weiter.

    Mich würde es freuen.

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Wie sieht denn dein CSS dafür bisher aus? Im Prinzip musst du den Link im Hauptmenu (3.) ansprechen, wenn er mit der Maus im Untermenu ist (3.1 und 3.2). Im Prinzip also so:

    Code
    ul#hauptmenu li:hover > a { background: #333 }
  • Hi hero-master,

    vielen Dank für deinen Tip.
    Ich wusste doch dass es eigentlich ganz einfach sein muss.

    Es hat sofort geklappt und funktioniert bestens.

    Vielen Dank!

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!