链接悬停不起作用

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。从萤火虫那里得到帮助。