Rekursiver Bullet-Stil für verschachtelte geordnete Listen

8

Ich hätte gerne, dass Listen automatisch nach ihrem Level sortiert werden:

%Vor%

Wie Sie sehen, wiederholt sich diese Sequenz: number > letter > roman numeral

Ich kann dies über CSS als

tun %Vor%

aber das ist mühsam und ich weiß nicht, wie viele Ebenen ich brauchen würde.

Gibt es eine sauberere Möglichkeit, dies über CSS zu tun?

Ich sollte beachten, dass ich dies mache, um einen HTML-Editor zu erstellen, und das generierte HTML hat diese grundlegende Struktur:

%Vor%

Ich habe keine Kontrolle über den HTML-Code und kann keine Klassen oder etwas hinzufügen.

    
Katie 05.11.2014, 17:42
quelle

1 Antwort

3

Es ist nicht die schönste Lösung, aber wir haben uns entschieden, mit dem hier zu beginnen:
Danke an @Vucko für den Vorschlag, dass wir die direkten Kinderselektoren nicht benötigen

%Vor%

Das funktioniert natürlich nur bis zur 9. Ebene, aber wir glauben nicht, dass eine Liste für unser Szenario so tief gehen wird.

Wenn es nur eine Art von :nth-level() selector ...

gäbe     
Katie 05.11.2014 18:33
quelle

Tags und Links