Как обратиться к родителю CSS

В CSS для обращения к родительскому элементу используется символ >.

Пример:

.parent > .child {
  /* стили для дочернего элемента */
}

В этом примере мы обращаемся к дочернему элементу с классом child, который находится непосредственно внутри элемента с классом parent. Это означает, что стили будут применяться только для дочерних элементов, которые являются прямыми потомками родительского элемента.

Если вы хотите обратиться к родительскому элементу, используйте ключевое слово :parent. Однако, такой псевдо-класс не существует в CSS и не поддерживается браузерами.

Пример:

.child:parent {
  /* стили для родительского элемента */
}

В этом примере мы пытаемся обратиться к родительскому элементу класса child с помощью псевдо-класса :parent, который, как уже было сказано, не поддерживается в CSS.