Wie kann ich einen CSS-Zähler auf das Startattribut der angegebenen Liste zurücksetzen?
Ich verwende eine selbst gestaltete, nummerierte Liste. Wie kann ich das Startattribut lesen und mit CSS zum Zähler hinzufügen?
HTML
<ol>
<li>Number One</li>
<li>Number Two</li>
<li>Number Three</li>
</ol>
<ol start="10">
<li>Number Ten</li>
<li>Number Eleven</li>
<li>Number Twelve</li>
</ol>
CSS
ol {
list-style-type: none;
/* this does not work like I expected */
counter-reset: lis attr(start, number, 0);
}
li {
counter-increment: lis
}
li:before {
content: counter(lis)". ";
color: red;
}