Как работает nth-child?

Junior
199 просмотров
AFK Offer AI

:nth-child(n) выбирает элемент по его позиции среди сиблингов. Принимает формулы: odd/even, 2n+1 (нечётные), 3n (каждый третий), -n+5 (первые пять). :nth-child(n of .class) — новый синтаксис, фильтрует только по определённому селектору. :nth-of-type(n) работает аналогично, но считает только элементы того же типа. Часто используется для полосатых таблиц, сеток с разными стилями для последнего ряда, и ограничения количества видимых элементов.

Следующий вопрос

Что такое color contrast и почему это важно?