link hover not working

Issue

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

Solution

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

Answered By - Allen