Ergebnis 1 bis 3 von 3

Thema: Pager / Pagnition mit individuellem CSS

  1. #1
    Gesperrt
    Registriert seit
    21.03.2013.
    Ort
    Berlin
    Beiträge
    82

    Standard Pager / Pagnition mit individuellem CSS

    Hi zusammen

    also ich würde gerne jedem einzelnem Button aus dem Pager bzw. der Pagnition ein individuell designtes Styling geben.
    Leider hab ich gesehen das in der Pagnition keine ID's oder Klassen für die Links und Spans vergeben sind um diese per CSS direkt anzusprechen.

    PHP-Code:
    <div class="caroufredsel_pagi" id="caroufredsel_pagi_113" style="display: block;">
    <
    a href="#" class=""><span>1</span></a>
    <
    a href="#" class="selected"><span>2</span></a>
    <
    a href="#" class=""><span>3</span></a>
    <
    a href="#" class=""><span>4</span></a>
    </
    div
    Kann man dies irgendwo ändern?
    Oder hat jemand Weg gefunden wie man dies anders lösen kann?

    Grüße und schönen Sonntag noch
    Geändert von AndreasC (31.08.2014 um 10:38 Uhr)

  2. #2
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.078
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Was spricht gegen

    .caroufredsel_pagi a
    .caroufredsel_pagi span

    als Selektoren? Oder, falls es nur für diese eine Instanz gelten soll:

    #caroufredsel_pagi_113 a
    #caroufredsel_pagi_113 span

    Oder, falls du wirklich die einzelnen <a> und <span> Tags separat ansprechen willst:

    .caroufredsel_pagi a:nth-child(i)
    .caroufredsel_pagi a:nth-child(i) span
    Wobei i=1,2,3,4 je nachdem welches Element du stylen willst

    Sollte doch eigentlich klappen?

  3. #3
    Gesperrt
    Registriert seit
    21.03.2013.
    Ort
    Berlin
    Beiträge
    82

    Standard

    Stimmt damit gehts.
    Danke für den Denkanstoß!

    Grüße

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •