css – 如果是父母,则更改孩子的背景:悬停

前端之家收集整理的这篇文章主要介绍了css – 如果是父母,则更改孩子的背景:悬停前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果posts-item悬停,我想更改.circle.icon的bg颜色.任何想法如何实现,可能没有 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>

解决方法

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

没有jQuery – 每个人都很高兴:)

猜你在找的CSS相关文章