Можно ли комбинировать nth-child с вложенными селекторами?

Комбинирование селекторов — нормальная практика в реальных интерфейсах.

Пример с вложенностью

.list > li:nth-child(2) {
  color: red;
}

Выберется второй li, который является прямым потомком .list.

Пример с контекстом

.card .item:nth-child(3) {
  font-weight: bold;
}

Здесь nth-child(3) применяется к .item относительно его родителя внутри .card.

Типичная ошибка

Ожидание, что nth-child будет считаться относительно всего документа, а не родителя.

Когда это полезно

• сложные списки

• карточки с повторяющимися блоками

• дизайн-системы

Вывод: nth-child отлично комбинируется с вложенными селекторами, но всегда работает относительно конкретного родителя.