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

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.

请注意,无法仅使用CSS直接附加:hover事件a.上面的代码将它附加到#first.

你可以用jQuery这样做,如果你真的必须将它附加到a:

$("#first > a").hover(function(){
    $("#second").css(...);
}, ....);