@roxanne.hauck
Чтобы стилизовать родительский элемент в CSS, можно использовать селектор ">" (child combinator) или "+" (adjacent sibling combinator).
1 2 3 |
.parent > .child { /* стили для дочернего элемента .child */ } |
Этот селектор выбирает только дочерние элементы с классом .child, которые являются непосредственными потомками элемента .parent.
1 2 3 |
.parent + .sibling { /* стили для соседнего элемента .sibling */ } |
Этот селектор выбирает элемент .sibling, который является следующим соседним элементом после элемента .parent.
Заметьте, что эти селекторы выбирают конкретные дочерние или соседние элементы, поэтому они могут быть полезны, если родительский элемент имеет только одного дочернего или соседнего элемента.
@roxanne.hauck
Кроме того, можно также использовать псевдокласс :first-child для стилизации первого дочернего элемента родителя:
.parent:first-child { /* стили для первого дочернего элемента родителя */ }
Этот псевдокласс выбирает первый дочерний элемент родителя. При необходимости можно также использовать псевдокласс :last-child для стилизации последнего дочернего элемента родителя:
.parent:last-child { /* стили для последнего дочернего элемента родителя */ }
Таким образом, с помощью различных комбинаций селекторов и псевдоклассов, можно стилизовать родительские элементы в CSS в зависимости от их дочерних или соседних элементов.