Дочерний элемент не будет работать

Question

У меня проблема в том, что если я набираю 1, ничего не происходит, но если я набираю 2, он вносит изменения в первый div: S.

http://d.pr/m07l

знаете ли вы, что яделать неправильно

Answer 1

:nth-child() - это 1-индексированный , а :nth-child(1) выберет первого ребенка. Если он не выбирает то, что вы хотите, должен быть другой ребенок, который на самом деле первый. Может быть, это заголовок & hellip; в вашем примере изображения.

Поскольку он является заголовком (спасибо за ссылку на ваш сайт ), вы должны использовать :nth-of-type() вместо того, чтобы рассматривать только <div class="newsPost"> при подсчете.

Answer 2

Это потому, что первый и последний дочерние элементы имеют свои собственные селекторы:

:first-child

и

:last-child

Таким образом, вы должны использовать .newsPost:firstChild вместо .newsPost:nth-child(1).