Перевірка :nth-child

Редагувати

Показує, які саме елементи вибирає формула nth-child.

Як читати формулу

У виразі an+b лічильник n пробігає 0, 1, 2, 3…, а не починається з одиниці. Тому 2n дає 0, 2, 4, 6… — тобто парні, а 2n+1 дає 1, 3, 5… — непарні.

Пастка з від'ємним кроком. -n+3 читається як «мінус n плюс три»: при n=0 це 3, при n=1 — 2, при n=2 — 1, далі числа стають від'ємними й не рахуються. Тобто вираз вибирає перші три елементи. Саме так беруть «перші N», і саме тут найчастіше помиляються, чекаючи навпаки — останніх трьох.

Рахує всіх сусідів

:nth-child рахує всіх сусідів, а не лише елементи того самого типу. Якщо серед <li> трапиться інший тег, нумерація зсунеться — для рахунку «лише свого типу» є :nth-of-type().

Зворотний зв'язок
Вхід