Почему child не работает, когда структура не однородна?

Question

[del993788]

Здравствуйте. В этом случае child работает: https://jsfiddle.net/854y0tep/1/ , а в этом: https://jsfiddle.net/854y0tep/ - нет. Почему и как исправить?

Answer 1

[iBird Rose]

от того что ты указал nth-child(1) - он первым не станет. внутри родителя считаются все элементы как child, а значит твой .b уже становится вторым по счету. https://jsfiddle.net/854y0tep/2/
UPD: first-of-type https://jsfiddle.net/854y0tep/3/

Comments

[del993788]

а ничего да, что я указал b? Яж вроде первый b ловлю. Ну не логично, что он второй. А что делать, если p - динамическая хрень и их может быть перед первым b сколько угодно? Как мне тогда поймать первый b?

[iBird Rose]

qqignatqq: first-of-type https://jsfiddle.net/854y0tep/3/

[del993788]

iBird Rose: блин... а я про него забыл. Спасибо. Исправь ответ на first-of-type

[del993788]

Я дико извиняюсь, но выходит, что даже first-of-type не всегда срабатывает: https://jsfiddle.net/854y0tep/4/

[iBird Rose]

qqignatqq: я тебе еще раз говорю от того что ты спереди указываешь - класс (.b:first-of-type) ему без разницы. при first-child - он ишет все чайлды. при first-of-type он ищет все типы. тобишь .b - у тебя является дивом - он ищет все дивы.

[iBird Rose]

qqignatqq: в твоем случае сверху не создавай дивы. а создавай к примеру p https://jsfiddle.net/854y0tep/5/

[del993788]

iBird Rose: бле. спасибо