Hallo zusammen,

mit den Pseudoklassen first-child und last-child habe ich Zugriff auf das erste bzw. letze Element z.B. einer Liste. Ich bräuchte eine Möglichkeit die letzten beiden Elemente (<li>) einer Liste zu formatieren. Gibt es hier eine Möglichkeit?

Viele Grüße
pixel

Browserübergreifend wird das schwierig, es sei denn, du vergibst (zusätzliche) Klassen oder id's an diese beiden Elemente.

Alternativ bleibt der Fußweg über den Nachbarselektor

Nachbarselektor | Webdesign mit XHTML und CSS

__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte

Danke für den Tip. Der Nachbarselektor wäre vom Prinzip her ja richtig aber ich habe gerade in meinen Dolkumentationen nachgeschaut. Es gibt ja gar keine Pseudoklasse last-child, zumindest habe ich nichts gefunden.

Wie kann ich dann die letzten beiden Elemente einer Liste ansprechen?

Das gibt es schon: last-child: Das letzte "Kind" eines Elements: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Allerdings - wie du siehst - mit schlechtem Browsersupport. Wenn es wirklich wichtig ist, was du damit stylen willst, dann greife auf eine Klasse/ID zurück.

Du hattest doch selber schon geschrieben, dass es sie gibt

__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)

ok, das mit der Pseudoklasse last-child hat geklappt. Allerdings habe ich es nicht hin bekommen das Nachbarelement (davor) also -1 anzusprchen. Ich habe die letzten beiden Listenelemente einfach in eine neue Liste gepackt und konnte diese dann nach belieben formatieren. Ist jetzt vielleicht nicht die eleganteste Methode aber es funktioniert. Wenn noch jemand eine Idee hat wie ich das vorletzte Element "erwische" wäre ich aber trotzdem interessiert.

und wieso weisst du dem vorletzen Element nicht einfach eine Klasse zu?
.vorletzteselement, li:last-child { ... }
Ist doch wesentlich einfacher als da noch mal zusaetzliches Markup zu generieren.

__________________
Ad pedem litterae

ich stehe jetzt wohl auf dem Schlauch aber wie weise ich dem vorletzte Element eine Klasse zu? Das ist doch genau das was ich, wie oben gesagt, nicht hinbekommen habe ..

Du könntest auch :nth-last-child() verwenden:

__________________
Markus Wulftange