My Html:

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

```

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?