current-menu-item / farbe von nur einer Kategorie ändern

  • http://www.igetagadget.com

    Hi Leute,

    auf meiner Homepage habe ich es geschafft das sich die Farbe der Kategorie "Ladies" ändert, wenn ich über das Menü gleite.

    Code
    #menu-item-14461 a:hover {    
        color:#F1CDE9;
        border-color:#FBB8E0;
    }

    Jetzt möchte ich das auch die current-page im Menü die gleich Farbe hat, allerdings hebt immer der neue Befehl den alten auf.

    Code
    #menu-item-14461 .current-menu-item a: {    
        color:#F1CDE9;
        border-color:#FBB8E0;
    }

    Sodass alle angeklickten Seiten rosa werden.

    Was mache ich falsch?

    Vielen Danke im Voraus.

    LG, Erdamski

    • 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

  • die angesprochene ID und CSS Klasse stehen beinander , beide sprechen dasselbe "li" an,
    daher spricht man sie ohne Leerzeichen dazwischen an.

    so

    HTML
    #menu-item-14461.current-menu-item a {  
        color:#F1CDE9;
        border-color:#FBB8E0;
    }

    und wenn du keine Pseudoklasse ansprichst, dann schreibt man einfach a nicht a: der Doppelpunkt gehört zu hover zb.

Jetzt mitmachen!

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