Css悬停,父母和孩子

前端之家收集整理的这篇文章主要介绍了Css悬停,父母和孩子前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
假设我有以下代码
<div class="wrapper">
<div class="title"></div>
<div></div>
</div>

<div class="wrapper">
<div class="title"></div>
<div></div>
</div>

<div class="wrapper">
<div class="title"></div>
<div></div>
</div>

在悬停一个包装器时,我想要它的子标题div来改变它的背景颜色.
我可以用纯css做这个吗在js我知道如何做到这一点.我有兴趣是否存在纯CSS方法

谢谢

解决方法

是的,你可以这样做.只是:
.wrapper:hover .title{
  background-color: #f00;
}

编辑:请注意IE6识别:只悬停在a元素上,所以这不起作用 – 但我希望你不必乱用那个糟糕的旧东西.

猜你在找的CSS相关文章