CSS 选择器 : how to make element hovering change wrapper's style

Question

假设我们有 HTML:

<div id="wrapper">

     I want this to change color when button hovered

     <div class="button">Close</div>

</div> 

我们可以在悬停包装器时更改元素的样式:

#wrapper:hover .button{
 color:red
}

现在想要相反的东西:

button:hover #wrapper{
 background:yellow
}

Answer 1

@丹；你也可以像这样用 css 做到这一点:

#wrapper{position:relative;}
#wrapper:hover .button{
 color:red;
}
.button:hover:after{
    content:"";
    background:yellow;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:-1
}

检查这个例子http://jsfiddle.net/sandeep/b6apC/ .这是假的，但可以用css实现那种效果。