Перейти к основному содержимому
Об авторе
Проекты
Знания
Знания/CSS/nth-child-vs-nth-of-type

Разница между `nth-child()` и `nth-of-type()`?

СобеседованиеСелекторы
  • :nth-child(An+B) — считает ВСЕ дочерние элементы, затем проверяет тип
  • :nth-of-type(An+B) — считает только элементы того же типа
  • Пример: p:nth-child(2) — второй ребёнок, ЕСЛИ он <p>. p:nth-of-type(2) — второй <p> среди siblings
  • Формулы: 2n — чётные, 2n+1 — нечётные, 3n — каждый третий, -n+3 — первые три
  • Главная
  • Об авторе
  • Проекты
  • Знания
Логотип nKolmykov