Как заставить работать nth-child?

Question

[Андрей Никифоров]

Не могу разобраться с nth-child(

https://codepen.io/delorean88/pen/Kmyxrv

Answer 1

[Antowa Kartowa]

Кнутом его кнутом ну и пряником немного.

Посмотрел. Эээ так у тебя каждый h2 в отдельном блоке значит каждый из них это первый чайлд. И других нет)

Поменяй
.brand-menu:nth-child(even) h2

Comments

[Андрей Никифоров]

странно, ведь div .brand-menu закрыт, почему так срабатывает ? наоборот же нужно указывать родителя в котором перечислены h2

[Андрей Никифоров]

Андрей Никифоров: разобрался, мы считаем div brand-menu ведь, затупил немного, а вариант с cattrue можно реализовать ? чисто из интереса

[Antowa Kartowa]

cattrue же один. к нему бесмысленно применять nth-child. Его применяют к элементам которые на одном уровне лежат и имеют одного общего непосредственного родителя.

[Андрей Никифоров]

Antowa Kartowa: спасибо)