Как передать свойство от одного ребенка к другому?

Чтобы передать свойство от одного ребенка к другому в CSS, вы можете использовать комбинаторы потомка. Например, если у вас есть структура HTML, где у вас есть родительский элемент и два его дочерних элемента, и вы хотите передать стиль от одного дочернего элемента к другому, вы можете сделать следующее:

```HTML
<div class="parent">
   <div class="child1">Child 1</div>
   <div class="child2">Child 2</div>
</div>
```

```CSS
.parent {
   /* общие стили для родительского элемента */
}

.child1 {
   /* стили для первого дочернего элемента */
}

.parent .child1 {
   /* стили для второго дочернего элемента, унаследованные от первого */
}
```

Чтобы изменить цвет текста заголовка ```<h2>``` при наведении курсора на изображение ```<img>``` внутри ```<div>```, вы можете использовать следующий CSS код:

```CSS
.div:hover img + h2 {
   color: red; /* Цвет текста заголовка станет красным при наведении на изображение */
}
```

Пожалуйста, убедитесь, что у вас правильно выбраны селекторы в вашем CSS коде, чтобы стили применялись правильно.

https://developer.mozilla.org/ru/docs/Web/CSS/:has 
 
 Что-то такое, но убедитесь что вас устраивает уровень поддержки в браузерах 
 
div:has(img:hover) h2 {
 color: red;
}