link hover not working

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>

could anyone tell me why the hover does not work when I mouse over the link? Thanks

Answer 1

It's got to be getting overridden by something, if you could post the full css/html, it would be possible to figure out what was going on. You could try adding !important to the rule to override it, though I'd still recommend getting to the root cause of it.

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