Einzelnen Beitrag anzeigen
  #3 (permalink)  
Alt 20.04.2023, 15:21
york york ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.04.2007
Beiträge: 10
york befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von MrMurphy Beitrag anzeigen

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.

Geändert von york (20.04.2023 um 15:55 Uhr)
Mit Zitat antworten