Rudolf Herter: Gegenteil von Folgeelement-Selektoren --> Vorelement-Sektoren

Hallo,

ich habe eine Liste mit css wie folgt formatiert:

#box ul
{
margin-left: 0;
padding: 0;
list-style: none;
}

#box li { display: inline; }

#box li:after { content: " |" }

Das ganze sieht so aus:

Text1 | Text2 | Text3 | Text4 | Text5 | Text6 |

Ich will, dass es so aussieht:

Text1 | Text2 | Text3 | Text4 | Text5 | Text6

Nach dem letzten Listenpunkt soll als li:after nicht angewendet werden.

Leider konnte ich keine Lösung für mein Problem finden.
Gibt es analog zu Folgeelement-Selektoren auch Vorelement-Sektoren?

Also statt

#box li+li:after { content: " |" }
Gilt nur für <li>s, die direkt auf <li> folgen.

etwas wie

#box li-li:after { content: " |" }
Gilt nur für <li>s, vor denen ein <li> steht.

Falls es keine Vorelement-Sektoren gibt, wüsstet ihr eine Lösung für mein Problem?

Liebe Grüße
Rudolf

  1. Hi Rudolf,

    Falls es keine Vorelement-Sektoren gibt,

    Wovon auszugehen ist.

    wüsstet ihr eine Lösung für mein Problem?

    :before und :first-child.

    Live long and prosper,
    Gunnar

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)