HTML und CSS · Middle · Frage 64 von 75
Wie kann CSS Überschriften wie „Step 1“, „Step 2“ automatisch nummerieren?
.steps { counter-reset: step; }
.steps h3::before {
counter-increment: step;
content: "Step " counter(step) ": ";
}- 1Ohne JavaScript ist das nicht möglich
- 2Mit
list-style: decimalan Überschriften - 3Mit CSS-Zählern und
counter()
Antwort zeigen
Richtige Antwort: Mit CSS-Zählern und counter()
Erklärung
Zähler aktualisieren sich automatisch, wenn Einträge hinzukommen oder wegfallen. Erzeugter Inhalt in ::before ist nicht markierbar und wird von Screenreadern womöglich uneinheitlich vorgelesen, also gehört Wichtiges nicht dorthin.