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

Пользователь

от ottilie.farrell , в категории: HTML/CSS , 8 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от dan_farrell , 7 месяцев назад

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