В CSS для обращения к родительскому элементу используется символ >
.
Пример:
.parent > .child {
/* стили для дочернего элемента */
}
В этом примере мы обращаемся к дочернему элементу с классом child
, который находится непосредственно внутри элемента с классом parent
. Это означает, что стили будут применяться только для дочерних элементов, которые являются прямыми потомками родительского элемента.
Если вы хотите обратиться к родительскому элементу, используйте ключевое слово :parent
. Однако, такой псевдо-класс не существует в CSS и не поддерживается браузерами.
Пример:
.child:parent {
/* стили для родительского элемента */
}
В этом примере мы пытаемся обратиться к родительскому элементу класса child
с помощью псевдо-класса :parent
, который, как уже было сказано, не поддерживается в CSS.