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

Posted 2023-05-08

【中文标题】当 div 悬停时更改锚文本颜色 - CSS 或 jQuery

【英文标题】：Change anchor text color when div is hovered - CSS or 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;

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

http://jsfiddle.net/M3fw2/