Thay đổi nền của con nếu cha mẹ: di chuột

Question

Tôi muốn thay đổi màu bg của .circle.icon nếu di chuột posts-item. Bất kỳ ý tưởng làm thế nào để thực hiện điều đó, có thể không có 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

Như vậy.

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

Không jQuery - Mọi người đều hạnh phúc :)