首页 文章

Css悬停，父母和孩子

提问于
浏览 次
8

假设我有以下代码：

<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>

在悬停一个包装器时我想要它的子 Headers div来改变它's background color. Can I do this in pure css. In js I know how to do it. I' m感兴趣如果存在一个纯CSS方法吗？

谢谢

css hover

2 回答

  • 21

    那这个呢？

    .wrapper:hover .title {
    background-color: blue;
}
    回复于
  • 4

    是的，你可以这样做 . 只是：

    .wrapper:hover .title{
  background-color: #f00;
}

    EDIT:
    请注意，IE6仅在 a -elements上识别 :hover ，所以这不得不惹恼那个糟糕的旧事物 .

    回复于

相关问题