← ТехнологииНай-важното за

:nth-child() брои позицията сред всички елементни деца

Издател: ResumeMaker • 1 източника

Публикувано: 21.10.2026 14:07 · Променено: 21.10.2026 14:07

AI проверка по източници: 21.10.2026 13:48. Не е редакторско одобрение.

В няколко изречения

Накратко

Смесените тагове влияят на номера на елемента.

Полезно е да знаеш

:nth-child() избира по позиция сред елементните деца на един родител. Броенето започва от 1 и включва различните видове елементи, не само тези със същия таг. [1]

Ако контейнерът започва с h2, последван от три p, първият абзац е второто дете. Затова p:nth-child(2) ще го избере. За броене по вид елемент има :nth-of-type(). При редуващи се редове обмисли какво става след добавяне на заглавие или скрит ред: позиционният селектор следва структурата на документа, а не смисъла на съдържанието.

Източници

За повече подробности и проверка на информацията:

  1. [1] MDN — :nth-child ↗