我可以在懸停時處理其他元素嗎？

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事件a直接只使用CSS。 上面的代碼將它附加到#first 。

你可以用jQuery做這樣，如果你真的把它連接到a ：

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