我可以在悬停时处理其他元素吗？

Question

HTML，

<div id="first">
    <a>Come here</a>
</div>

<div id=second">
    second div
</div>

的CSS，

#first a:hover{
    color:green;
    /*i want to do this when hover */
    #second{
        background:green;
    }
}

在这里，如果用户光标转到“来这里”，我想更改其他元素#second的背景颜色。

这只能使用css吗？或者我必须使用jquery或javascript事件吗？

Answer 1

#first:hover + #second{
    background: green;
}

http://jsfiddle.net/DerekL/8rJmC/

~如果#second不在#first之后，请使用:hover。

请注意，仅使用CSS直接将a事件附加到#first是不可能的。上面的代码将其附加到a。

如果你真的必须将它附加到$("#first > a").hover(function(){ $("#second").css(...); }, ....); ，你可以用jQuery这样做：

{{1}}