特定页面链接悬停答案

【问题标题】：Specific Page Link Hover特定页面链接悬停
【发布时间】：2013-01-21 21:14:32
【问题描述】：

我无法让页面底部的三个链接在悬停时改变颜色。查看当前工作 » 立即开始 » 和查看社区资料 » 是我想要处理的链接。希望这是有道理的。谢谢您的帮助。

http://www.jobspark.ca/

【问题讨论】：

你有像a:link, a:visited, a:active{font-weight: -; font-style: -; text-decoration: none; color: #FF9900;}这样的规则。你预计会发生什么？

标签： css hover hyperlink

【解决方案1】：

您必须删除环绕它们的内联样式规则，否则它们会覆盖您在 .css 文件中编写的任何内容。

然后您可以为每个锚点添加一个类，比如.call-to-action。

<a href="/job-listings/" class="call-to-action">View Current Jobs »</a>
<a href="/post-a-job/" class="call-to-action">Get Started Now »</a>
<a href="/community-profiles/" class="call-to-action">View Community Profiles »</a>

然后你可以这样设置样式：

.call-to-action { color: orange; }

【讨论】：

谢谢，我很确定我删除了所有的内联样式。你能看看，看看我还需要什么。我放入了 CSS 并没有很好地工作 .call-to-action a:hover { color: #B50938 !important; }
您的问题是您试图在类选择器中定位锚点。然而，锚点是类引用的项目。因此，您想要：.call-to-action:hover { color: #B50938; } 或者您可以像这样在其中放置锚元素：a.call-to-action:hover { color: #B50938; }，但这不是必需的。
感谢您的帮助。我将此添加到我的笔记中，以便我可以将其用作参考。