CSS Counter ol mit nested ul

[tschero]

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:

<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:

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

[lucina]

Siehe https://stackoverflow.com/questions/...pe-not-working

[tschero]

Sorry für die späte Antwort und danke für den Link.
So richtig will es noch nicht klappen - Link ist leider noch im Wartungsmodus.

Ich probiere weiter.

Gruß
tschero