Может кто-нибудь объяснит поведение :nth-child(n)?

Что-то страшное произошло, не поддающееся объяснению, может кто-нибудь подскажет, что случилось и что произошло?
Для наглядности есть codepen.

Если в html убрать <span></span>, то к .box__item применится стиль .box__item:nth-child(1) { background: red;}
Если же <span></span>, есть, то.box__item:nth-child(1) { background: red;}, не применится ???!!!

Объясните пожалуйста почему так происходит, ведь у span, нет класса .box__item ?!
  • Вопрос задан
  • 104 просмотра
Решения вопроса 2
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы