Ihr Problem tritt nicht mit der Eigenschaft counter-reset
auf, sondern mit der Eigenschaft content und der Funktion counters()
. Diese Funktion fügt atomaticaly eine neue Instanz für jedes verschachtelte Element hinzu. Das ist großartig für die verschachtelten ol
-Elemente, aber es fügt auch eine Gegeninstanz hinzu, wenn die erste Ebene ol
in einem anderen Element verschachtelt ist.
Sie sollten also die Funktion counter()
auf der ersten Ebene ol
elements verwenden und die Funktion counters()
(beachten Sie die "s") auf der zweiten Ebene eins:
Weitere Informationen zu MDN finden Sie unter Nesting-Counter
Wie von @harry vorgeschlagen, können Sie auch den Zähler für das erste Kind des Elements ol
zurücksetzen entweder mit der Pseudo-Klasse li:first-child
oder mit dem Pseudo-Element ol::before
, Beispiel:
Eine Möglichkeit, dies zu umgehen, wäre das Hinzufügen einer Klasse (da Sie ein Element nicht basierend auf dem übergeordneten Element auswählen können) und das Ausschließen von der anfänglichen Auswahl mit :not
pseudo-class:
HTML:
%Vor%CSS:
%Vor%nach diesem JSFiddle
Tags und Links css css3 css-counter