Почему не работает отдельный псевдокласс nth-child здесь?

Question

[BavarianBeer]

Что я не так делаю? Пытаюсь для каждого элемента дива text_footer_after_input указать иконку, но берется одна и растекается навсе, почему так????помогите
https://imgur.com/a/EsgPGac

Comments

[Robert36]

Прикрепите скрин как получается.

Answer 1

[Ankhena]

nth-child ищет указанных детей своего родителя
Т.е. если есть список ul с элементами li, то запись li:nth-child(2) найдет второй элемент списка, т.е. второй li. А не детей этого li, как вам могло показаться.

Т.е. вам нужно было бы писать
.text_footer_after_input p:nth-child(2) {}
если бы не одно НО.
Вряд ли иконки у вас зависят от порядка следования p в коде.
Скорее они зависят от смысла, а значит, нужно задавать классы и уже к ним стили.
Иначе, при добавлении, скажем, вайбера между скайпом и icq, вам придется редактировать стили всех последующих p.