Почему не срабатывает :nth-child()?

Question

[holvender]

Не знаю по какой причине, но я не могу обратиться к дочерним элементам вложенного div через :nth-child().

<div class="post_right-section">
                            <h5>18 oct</h5>
                            <div>
                                <h3>Startup ideas need to be funded</h3>
                                <p>By Khalil Uddin in Development</p>
                                <p>
                                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, 
                                    sed diam nonumy eirmod teduntlabore et dolore magna aliquyam 
                                    erat, sed diam voluptua. At vero eos et accusam et justo duo 
                                    dolores et erebum. Stet clita kasd gubergren, no sea takimata 
                                    sanctus est Lorem ipsum dolor sit am Lorem ipsum dolor sit 
                                    amet, consetetur sadipscing elitr, sed diam nonumy eirmod 
                                    tempor invidulabore et dolore aliquyam erat, sed diam
                                </p>
                                <button>Read more</button>
                            </div>
</div>

div.post_right-section div:nth-child(1){
    font-size: 50px;
}

Answer 1

[OxCom]

:nth-child() - находит один или более элементов, основываясь на их позиции среди группы соседних элементов. Т.е. исходный селектор говорит, что мы изменяем размер шрифта на 50px у элемента, который div и находится на позиции 1, но у нас на позиции 1 находится элемент h3.

Вам нужен :nth-of-type()

Comments

[holvender]

Большое спасибо!