Не работает first-child, что не так?

Question

[Noy_K]

Уже читал подобные вопросы, но ненашёл подходящего ответа.

jsfiddle



Не могу понять почему не срабатывает.footer_header_text:first-child.
Если правильно понимаю логику - <h3 class="header_3"> первый дочерний элемент.
nth-child(1) также не работает.

Comments

[Сергей delphinpro]

jsfiddle.net/x2ngtjoz

[RAX7]

Тебе скорее всего нужен :first-of-type, а не first-child

Answer 1

[Владислав Лысков]

внимательно посмотри, как ты написал first

Если правильно понимаю логику - первый дочерний элемент.

не правильно, первый элемент с выбранным селектором

Comments

[Владислав Лысков]

Сергей delphinpro, да?
https://jsfiddle.net/cu7honk5/

Answer 2

[HamSter]

Стоит использовать :first-of-type *:

.footer_header_text:first-of-type {
    text-align: left;
}

Но у Вас внутри заголовку задано выравнивание по центру, поэтому можно использовать такую запись, если выровнять все внутри:

.footer_header_text:first-of-type * {
    text-align: left;
}

!!!
:first-child работает если есть общий родитель, у Вас в разметке его нет, блок один без обертки!