Change background of child if parent: hover

Question

I want to change the bg-color of .circle.icon if posts-item frozen. Any idea how to do this, possibly without Javascript?

 <div id="scr1" class="large-6 columns timeline"> <div class="line"></div> <ul class="posts"> <li class="posts-item"> <div class="circle icon"></div> <h2 class="posts-item-title"> <a href=""></a> </h2> <p class="summary"></p> </li> </ul> </div> 

Answer 1

Same.

 .posts-item:hover .circle.icon { background: green; } 

No jQuery - everyone is happy :)