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