Changing the CSS class of a child element on parent hover

Question

My Html: ```

``` I want to change the CSS of the child span tag when I hover over the parent element and revert the child's CSS on mouseout over parent. How can I do this with CSS & HTML?

Accepted Answer

`.parent:hover .child{ some props }`

Changing the CSS class of a child element on parent hover

Solution

Problem