@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" и "+", для обращения к элементам, находящимся внутри других элементов, но не являющимися непосредственными дочерними элементами.