親：ホバーの場合、子の背景を変更する

Question

.circle.iconのbg-colorを変更したい場合は、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のは - 誰もが幸せです:)