Верстка · Middle · Запитання 64 з 75
Як CSS може автоматично нумерувати заголовки на кшталт «Step 1», «Step 2»?
.steps { counter-reset: step; }
.steps h3::before {
counter-increment: step;
content: "Step " counter(step) ": ";
}- ✓Правильна відповідь: CSS-лічильниками:
counter-reset,counter-incrementіcounter() - 2Через
list-style: decimalна заголовках - 3Без JavaScript це неможливо
Пояснення
Лічильники оновлюються автоматично під час додавання чи видалення елементів. Згенерований контент у ::before не можна виділити, і скринрідери озвучують його непослідовно, тому важливу інформацію туди не кладіть.