当 div 悬停时更改锚文本颜色 - CSS 或 jQuery答案

【问题标题】：Change anchor text color when div is hovered - CSS or jQuery当 div 悬停时更改锚文本颜色 - CSS 或 jQuery
【发布时间】：2011-11-04 16:34:39
【问题描述】：

我有一个可点击的 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;} 效果，但遇到了麻烦。有什么指点吗？

【问题讨论】：

【解决方案1】：

只需将:hover 应用于 div：

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

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

【讨论】：