jquery - 悬停 div 时更改 anchor 文本颜色 - CSS 或 jQuery

Question

我有一个可点击的 div，在那个 div 中有链接。当链接悬停时，文本会通过 css a:hover 更改。出于某种原因，我似乎可以想出将悬停应用于整个 div。这是我的代码。

用于使 div 可点击的 JQuery:

$("div.clickable").click(
function()
{
    window.location = $(this).attr("url");
    return false;
});

HTML

<div class="clickable" url="/galleries/Current_exhibits.aspx">
<p><a href="URL">TEST</a></p>
</div>

我想为整个 div 添加一个简单的 a:hover {color: #000;} 效果，但我遇到了麻烦。有什么指点吗？

Answer 1

只需将 :hover 应用于 div:

.clickable:hover,
.clickable:hover a:link
{
    color: #000;
}

我也将它应用于链接，您可能必须这样做。

http://jsfiddle.net/M3fw2/