current_page_item mit css stylen

    Hi Leute,
    ich habe folgendes Problem:
    Ich habe eine <ul> Liste mit <li> Elementen. Darin befinden sich dann die Links (a) für die Navigation.
    Ich habe die einzelnen Elemente im css so gestyled:
    .page-item-15 a
    {
    background-image:url(images/home.jpg);
    }
    und jetzt möchte ich gerne den a-Tag so stylen, wenn er active ist,
    wenn ich das Item im Frontend aufrufe erhalte ich:
    page_item page-item-15 current_page_item

    nur wie kann ich den a-Tag darin stylen?
    Ich habs so probiert:

    .page-item-15 current-page item a
    {
    /css
    }

    funktioniert aber nicht,
    was mache ich falsch?

    • Gerade eben
    • 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

    Zitat von schwaigerf

    wenn ich das Item im Frontend aufrufe erhalte ich:
    page_item page-item-15 current_page_item


    Dann sind diese Klassen demselben Element zugeordnet. Der CSS-Selektor dazu sieht dann so aus:

    Code
    .page-item-15[COLOR="Red"][B].[/B][/COLOR]current-page item a
{
     /css
}


    (Es kann sein, dass ältere Browser ein Problem damit haben, wenn mehrere Klassen zugleich angesprochen werden sollen.)

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden