链接悬停不起作用

Question

a.f_pc {
color:#2972b0;
font-weight:bold;
text-decoration:none;
}

a.f_pc:hover {
text-decoration:underline;
    }


<p><a href="faq.html" class="f_pc">learn more</a></p>

有人能告诉我为什么当我将鼠标悬停在链接上时悬停不起作用吗？谢谢

Answer 1

它一定会被某些东西覆盖，如果你可以发布完整的 css/html，就可以弄清楚发生了什么。您可以尝试在规则中添加 !important 来覆盖它，但我仍然建议找到其根本原因。

a.f_pc:hover {
  text-decoration:underline !important;
}

Answer 2

p 样式可能会覆盖它，尝试不使用它，看看它是否有效。

Answer 3

将其放在其他页面中，并且您的 CSS 运行良好。但它在您的文件中不起作用意味着它可能会覆盖其他 css。向萤火虫寻求帮助。

Answer 4

我知道你的问题很久以前就得到了解决，但我正在寻找答案，我的代码也有同样的问题。就我而言，问题是我在 :hover 之前使用了 :visited 的伪元素，这由于某种原因导致并覆盖。

我通过将访问放在下面来解决，这样悬停规则会在之后读取，现在它可以工作了，如果有人也遇到这个问题，这可能是问题所在！

我是如何做到的：

.watchlist-link,
.watchlist-link:visited {
    text-decoration: none;
    color: #FFF;
}
    
.watchlist-link:hover {
    color: #ff4444;
}