CSS-Zähler erhöhen

8

HTML

%Vor%

SCSS

%Vor%

Nun ist die Liste wie folgt angeordnet:

  
  1. item1
  2.   

1.1. item2

     
  1. item1
  2.   

2.1. item2

     

2.2. item3

Gibt es eine Möglichkeit, wie ich die Reihenfolge am Anfang der Liste um eine Stufe erhöhen kann? Die zweite <ol> beginnt mit 2 : 2.1. item1

  

1.1. item1

     

1.1.1. item2

     

1.2. item1

     

1.2.1. item2

     

1.2.2. item3

------- zweites ol im selben Elternteil ---------

  

2.1. item1

     

2.1.1. item2

     

2.2. item1

     

2.2.1. item2

     

2.2.2. item3

Der Stift ist hier: Ссылка

    
simPod 20.04.2015, 22:25
quelle

3 Antworten

4

Sie könnten einen zusätzlichen Zähler einrichten und ihn nur auf den äußeren Listen aktualisieren (die über body > ol ausgewählt werden können)

Aktualisierter Codepen

%Vor% %Vor%
    
Danield 20.04.2015, 22:55
quelle
1

Nicht sicher, ob das nützlich ist, aber; habe das gerade per CSS erreicht. Muss den Startwert in der CSS angeben, damit es für Sie nicht funktioniert.

Und das CSS:

%Vor%

In diesem Fall würden Sie bekommen:

50 Artikel

50.1 Unterelement

    
jProg2015 20.04.2015 22:42
quelle
1

Sie könnten die Counter-Reset-Eigenschaft ( Ссылка )

ausprobieren

deklariert: counter-reset: section; für das umschließende Element und dann:

%Vor%     
Jon 20.04.2015 22:56
quelle

Tags und Links