CSS Counter ol mit nested ul
Hallo Leute,
gerade versuche ich einer <ol> (mit verschachtelter <ul>) eine eigene Nummerierung zu verpassen.
Die Änderung wird auch übernommen aber der Zähler haut nicht hin.
Beispiel:
HTML-Code:
<ol>
<li>Item 1</li>
<li>Item 2
<ul>
<li>UL-Item 1</li>
<li>UL-Item 2</li>
<li>UL-Item 3</li>
</ul>
</li>
<li>Item 3</li>
</ol>
Hier werden die <li> der <ul> mitgezählt, also statt 1. 2. 3. bekommen die <li> der <ol> 1. 2. 6
Ergebnis:
1. Item 1
2. Item 2
- UL-Item 1
- UL-Item 2
- UL-Item 3
6. Item 3
Ich versuche es mit folgendem Beispielcode:
Code:
ol{
counter-reset: section;
list-style: none;
}
ol li:before{
counter-increment: section;
content: counter(section) ": ";
}
Hat da jemand einen Tipp für mich? (Link steht leider noch nicht zur Verfügung).
Gruß
tschero
