Как обращаться к дочернему элементу в css?

@ottilie.farrell 

Чтобы обратиться к дочернему элементу в CSS, вы можете использовать комбинатор ">", который указывает на прямого потомка элемента. Синтаксис следующий:

1
2
3

родительский_элемент > дочерний_элемент {
    /* стили для дочернего элемента */
}

Например, если у вас есть следующий HTML-код:

1
2
3
4

<div class="parent">
    <h1>Заголовок</h1>
    <p>Текст</p>
</div>

Вы можете написать следующий CSS-код, чтобы применить стили только к дочернему элементу <p>:

1
2
3

.parent > p {
    /* стили для элемента <p> */
}

Также можно использовать другие комбинаторы, такие как "space" и "+", для обращения к элементам, находящимся внутри других элементов, но не являющимися непосредственными дочерними элементами.