cat-item cat-item-1 current-cat im CSS anpassen

  • Hallo zusammen,

    bräuchte mal eine hoffentlich schnelle Hilfe.

    Ich würde gerne die li-Klassen

    cat-item cat-item-1 current-cat
    cat-item cat-item-2 current-cat
    cat-item cat-item-3 current-cat

    jeweils in einer anderen Farbe einfärben, komme aber nicht auf den passenden Code im CSS. Es gelingt mir nur, die Klassen cat-item, cat-item-X oder current-cat einzeln zu färben, aber nicht alle zusammen.

    Hintergrund: Ich würde gerne für jeden aktiven Menüpunkt eine jeweils andere Farbe haben, beim Hover genau das selbe...

    • 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

  • Du musst nicht die gesamte li-Klasse im css definieren.

    current-cat {} definiert alle

    und zB. cat-item-1 {} nur diese spezielle.

    um die darin enthaltenene Link zu definieren schreibst du im stylesheet:

    current-cat a {}
    current-cat a:visited {}
    current-cat a:hover {}

    etc

Jetzt mitmachen!

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