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>

我想添加一个简单的a：hover {color：＃000;}效果给整个div但是遇到了麻烦。有什么指针吗？

Answer 1

只需将:hover应用于div：

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

我也将其应用到链接中，因为您可能需要这样做。