Probleme mit class=page_item current_page_item

  • Hallo zusammen,

    ich habe Probleme mit der class=page_item current_page_item.

    Ich verwende sie wie folgt:

    Code
    #nav li.page_item current_page_item li a:hover {
        color: #fff;
    }

    Hier besteht das Problem darin, dass es nicht funktioniert, weil ein Leerzeichen in der Klassen-Bezeichnung ist.

    Kann dies umgangen/wie verwendet werden?

    Danke und Gruß
    Frank

    • 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

  • HI das ist kein Leerzeichen
    man kann ja mehrere class zu einer nehmen

    mache mal einen Punkt vor current_page_item

    oder nimm nur
    .current_page_item li

    lg

  • Hilfreich wie immer, wäre ein Link, und genauer zu beschreiben was bewirkt werden soll.
    Ich glaub nicht das es dieses Konstrukt real gibt
    class="page_item current_page_item" eher mein ich das es nur eine der Klassen im Tag verwendet, dann wäre so richtig:

    HTML
    #nav li.page_item li a:hover,#nav li.current_page_item li a:hover {
        color: #fff;
    }
  • Hilfreich wie immer, wäre ein Link, und genauer zu beschreiben was bewirkt werden soll.
    Ich glaub nicht das es dieses Konstrukt real gibt
    class="page_item current_page_item" eher mein ich das es nur eine der Klassen im Tag verwendet, dann wäre so richtig:

    HTML
    #nav li.page_item li a:hover,#nav li.current_page_item li a:hover {
        color: #fff;
    }

    niente das gibts wirklich:-)[size=10] Fold Page List deutsch - aufklappbare Seitennavigation[/SIZE]


    lg

  • Jut, fein, wäre nu noch wichtiger zu wissen was er will ;)

    Ich rate mal weiter :) die sollen sich unterscheiden!? Dann so

    HTML
    #nav li.page_item li a:hover {
        color: #fff;
    }
    #nav li.current_page_item li a:hover {
        color: #f00;
    }

Jetzt mitmachen!

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