Cssler: Nummerierte Liste mit 3 Ebenen

Beitrag lesen

Vielen Dank MudGuard !

Deine Inputs waren super, habe sie umgesetzt.

Funktioniert nun schon viel besser, aber noch nicht ganz.

Wenn ich aber die CSS-Klasen wegnehme, funktioniert es gar nicht mehr.

Was noch nicht funktioniert, ist die Übernahme der ersten Ebene in die zweite und dritte Ebene. Zur zeit wird ein Null davor gesellt, also

1. XXX
01. XX
02. XX
021. XX
022. XX
03. XX
031. XX
032. XX
2. XXX
01. XX

Etc...

Dazu, wie kriege ich es hin, dass es mir zwischen erster, zweiter und dritter Ebene ein Punkt dazwischen macht? Also:

1. XXX
0.1. XX
0.2. XX
0.2.1. XX
0.2.2. XX
0.3. XX
0.3.1. XX
0.3.2. XX
2. XXX
0.1. XX

Natürlich sollte es bei zweiter und dritten Ebene kein 0 stehen, sondern die Nummer der vorherigen Ebene übernehmen:
1. XXX
1.1. XX
1.2. XX
1.2.1. XX
1.2.2. XX
1.3. XX
1.3.1. XX
1.3.2. XX
2. XXX
2.1. XX

Meine aktuellen Codes:

  
<ol class="numblist1">  
<li><a href="" title="">xx 1. </a></li>  
<ol class="numblist2">  
<li><a href="" title="">xx 1.1 </a></li>  
<li><a href="" title="">xx 1.2 </a></li>  
<ol class="numblist3">  
<li><a href="" title="">xx 1.2.1</a></li>  
<li><a href="" title="">xx 1.2.2</a></li>  
</ol></ol>  
  
<ol class="numblist2">  
<li><a href="" title="">xx 1.3</a></li>  
<ol class="numblist3">  
<li><a href="" title="">xx 1.3,1</a></li>  
<li><a href="" title="">xx 1.3.2</a></li>  
</ol></ol>  
  
<li><a href="" title="">xx 2. </a></li>  
<ol class="numblist2">  
<li><a href="" title="">xx 2.1</a></li>  
</ol>  
</ol>  

CSS:

  
.numblist1{  
      counter-reset:listenpunkt_ebene1;  
      list-style-type:decimal;  
   }  
.ebene1 li:before {  
	content: counter(listenpunkt_ebene1) ". ";  
	counter-increment:listenpunkt_ebene1;  
}  
.numblist2{  
      counter-reset:listenpunkt_ebene2;  
	  list-style-type:none;  
   }  
.numblist2 li:before {  
      content: counter(listenpunkt_ebene1,decimal) counter(listenpunkt_ebene2,decimal) ". ";  
      counter-increment:listenpunkt_ebene2;  
   }  
.numblist3{  
      counter-reset:listenpunkt_ebene3;  
      list-style-type:none;  
   }  
.numblist3 li:before {  
      content: counter(listenpunkt_ebene1) counter(listenpunkt_ebene2,decimal) counter(listenpunkt_ebene3,decimal) ". ";  
      counter-increment:listenpunkt_ebene3;  
   }