HTML i CSS · Middle · Pytanie 64 z 75
Jak CSS może automatycznie numerować nagłówki typu „Step 1”, „Step 2”?
.steps { counter-reset: step; }
.steps h3::before {
counter-increment: step;
content: "Step " counter(step) ": ";
}- ✓Poprawna odpowiedź: Licznikami CSS:
counter-reset,counter-incrementicounter() - 2Przez
list-style: decimalna nagłówkach - 3Bez JavaScriptu to niemożliwe
Wyjaśnienie
Liczniki aktualizują się automatycznie przy dodawaniu lub usuwaniu elementów. Treści generowanej w ::before nie da się zaznaczyć, a czytniki ekranu odczytują ją niekonsekwentnie, więc nie umieszczaj tam kluczowych informacji.