Почему тут не работает псевдокласс, как обращаться отдельно к инпутам?

Question

[BavarianBeer]

Собственно вопрос. Как обращаться отдельно к каждому инпуту внутри формы?https://imgur.com/a/7u8cDmm
Почему у меня не работает псевдокласс, не могу обраться к третьему инпуту из формы?https://imgur.com/a/OT4xGuj
Помогите.

Answer 1

[YavaDev]

У вас в каждом диве .item_footer по одному инпуту, а не по три. Потому ваш код не работает.
Что бы заработал надо обратится к третьему диву и найти в нем инпут:

.item_footer:nth-child(3) input {
  width: 900px;
}

В даном случае вместо :nth-child(3) можно использовать также :last-child

Comments

[BavarianBeer]

По этой же теме, можешь пожалуйста объяснить почему тут не хочет к каждому отдельно применяться nth child? я вродь все правильно пишу
https://imgur.com/a/EsgPGac

[YavaDev]

А в данном случае надо псевдокласс добавлять тегу "p".

.text_footer_right:nth-child(3) {
  ...
}

Этот псевдокласс применяется к дочерним элементам одного родительского элемента.
В данном случае .text_footer_after_input является родительским элементом, а .text_footer_right дочерними элементами.

Answer 2

[xdevelx]

.item_footer:nth-child(3) input {
  width: 900px;
}

Внутри каждого .item_footer только один единственный input. https://developer.mozilla.org/ru/docs/Web/CSS/:nth...