Zitat:
Zitat von MrMurphy
hat keinen Zugriff auf das HTML und kann deshalb auch nicht den von HTML erzeugten Wert übernehmen.
|
Danke für deinen Hinweis, der mich letzlich zu folgender Lösung geführt hat:
Code:
ol li::before {
content: counter(list-counter);
counter-increment: list-counter;
position: absolute;
left: 0;
top: 0;
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50%;
margin-right: 10px;
background-color: #0693e3;
color: #ffffff;
font-size: 1em;
font-weight: 700;
text-align: center;
line-height: 30px;
}
body.postid-xxx ol:first-of-type {
counter-reset: mycounter;
}
body.postid-xxx ol li::before {
content: counter(mycounter);
counter-increment: mycounter;
}
Das Problem bestand darin, dass ich mehrere ol-Elemente auf der Seite habe, und der Zähler für die Nummerierung jedes ol-Elements separat gezählt wird. Ich musste also sicherstellen, dass der Zähler für alle ol-Elemente auf der Seite fortlaufend ist.
Mit dem Code habe ich nun das counter-reset CSS-Attribut auf das gesamte Dokument (postid-xxx) angewendet, nicht nur auf einzelne ol-Elemente. Dadurch wird der Zähler für alle ol-Elemente auf der Seite initialisiert und fortlaufend gezählt.