Изменить фон ребенка, если родитель: hover

Question

Я хочу изменить bg-color .circle.icon, если posts-item завис. Любая идея, как это сделать, возможно без 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

Вроде так.

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

Нет JQuery - Все не счастлив :)