@AlTerminator

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

Как поменять цвет текста h2 при наведении курсора мыши на img?

HTML
<div>
 <h2>GG</h2>
 <img src="test.png">
</div>


CSS
div img:hover div h2{
 color: red;
}


С кодом выше не работает.
  • Вопрос задан
  • 193 просмотра
Решения вопроса 2
szQocks
@szQocks
<div>
 <img src="test.png">
 <h2>GG</h2>
</div>


div{
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

img:hover + h2 {
  color: red;
}
Ответ написан
Комментировать
Lynn
@Lynn
nginx, js, css
https://developer.mozilla.org/ru/docs/Web/CSS/:has

Что-то такое, но убедитесь что вас устраивает уровень поддержки в браузерах
div:has(img:hover) h2 {
 color: red;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы