假设我有以下代码:
<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元素上,所以这不起作用 – 但我希望你不必乱用那个糟糕的旧东西.