Изменение класса CSS дочернего элемента на родительском парении

Question

Мой Html:

<div class="parent"> 
<span class= "child"></span> 
</div> 

Я хочу изменить CSS пролетных ребенка тега, когда я наведите курсор мыши на родительский элемент и вернуть CSS ребенка на отведении указателя мыши над родитель. Как это сделать с помощью CSS & HTML?

Answer 1

.parent:hover .child{ some props }

Answer 2

попробовать это:

с помощью обычного псевдо элемента в CSS: наведите курсор мыши, добавив дочерний элемент .child, чтобы добавить свой стиль

.parent:hover .child{ 
     background-color:red; 
     }