Listenpunkte ohne Children ansprechen

  • Hi Community,
    ich suche eine Möglichkeit in einem Menü alle Listenpunkte, die keine Kinder haben, gesondert anzusprechen. Für die mit Kindern ist es ja einfach: Da gibt es:

    Code
    .menu-item-has-children

    Aber wie sieht es mit denen ohne Kinder aus? Gibt es sowas wie

    Code
    .menu-item-has-no-children

    ???

    Leider habe ich da nichts gefunden, trotz langer Recherche und muss jetzt die kinderlosen Menüpunkte manuell zuweisen. Weiß jemand eine bessere Lösung?

    Danke schon mal vorab!
    Bio

    • 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

  • Formatiere alle menu-items so wie die Kinderlosen aussehen sollen ... und die mit has-children formatierst du dann wieder anders (zurück).

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • So hab ich jetzt hingekriegt:

    Menü klappt auf:

    Code
    ul#menu-menu-1 .sub-menu {display: none;}
    ul#menu-menu-1 .current_page_item .sub-menu, ul#menu-menu-1 .current_page_parent .sub-menu {display: block;}

    Listenpunkte mit Kindern haben einen waagrechten Pfeil, aktive Listenpunkte mit Kindern eine senkrechten Pfeil.

    Code
    ul#menu-menu-1 .current_page_item {background: none; }
    ul#menu-menu-1 .current_page_parent  {background: url(img/pfeil-senkrecht.png) no-repeat -5px 7px; }
    ul#menu-menu-1 .menu-item-has-children    {background: url(img/pfeil-waagerecht.png) no-repeat -5px 7px; }
    ul#menu-menu-1 .current_page_item.menu-item-has-children  {background: url(img/pfeil-senkrecht.png) no-repeat -5px 7px; }
    
    
    Danke!


    Bio

Jetzt mitmachen!

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