css - 特定页面链接悬停

Question

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

http://www.jobspark.ca/

Answer 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; }