css - has - sass parent selector

Cambiar el fondo del hijo si el padre: hover

Question

Quiero cambiar el color bg de .circle.icon si posts-item está suspendido. ¿Alguna idea de cómo lograr eso, posiblemente sin 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

Al igual que.

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

No jQuery - Todos están contentos :)