link hover not working

a.hover not working
hover css
hover link css
css link hover ( color not working)
span:hover
ul hover
electron hover not working
css hover on div
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

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

The pseudo-class_selector must follow the following order for it to work. :link; :​visited; :hover. It did not work for me too initially and could get it to work only after I  CSS - A:link, A:visited, A:hover Not Working On Certain Div Tags - Free CSS Tutorials, Help, Tips, Tricks, and More.

p styling may be overriding it, try it without it and see if it works.

As seen in my code below, I have inserted a link inside my header (which is the "​email"). … it correctly but cannot get the a:hover pseudo selector to work. Don't see exactly why it's not working, but if you target it a different  Another idea is to raise the text as if it grows out of the page on hover: See the Pen Link Effectz – Raised text on hover by Geoff Graham (@geoffgraham) on CodePen. The Font Swapper-oo Effect. This is so impractical that it makes me LOL, but why not: See the Pen Link Effectz – Swap font on hover by Geoff Graham (@geoffgraham) on CodePen.

Take it in just other page and your css working well. But it not working in your file means it might be overriding for other css. Take help from firebug.

One is working, and the other is not. Yet, it's the same code. I opted to not use a:​hover as it tends to style all links in the email, and I don't want  Take it in just other page and your css working well. But it not working in your file means it might be overriding for other css. Take help from firebug.

Tip: The :hover selector can be used on all elements, not only on links. DOCTYPE> for the :hover selector to work on other elements than the <a> element. The :hover selector is used to select elements when you mouse over them. Tip: The :hover selector can be used on all elements, not only on links. Tip: Use the :link selector to style links to unvisited pages, the :visited selector to style links to visited pages, and the :active selector to style the active link.

:hover to work in the past and I have no idea why it's not working right <link rel="stylesheet" type="text/css" href="styles/index_styles.css">  One is working, and the other is not. Yet, it's the same code. I opted to not use a:hover as it tends to style all links in the email, and I don't want my footer links styled. I'm aware that some inboxes don't support :hover, but it's odd that the first one is working (Outlook, Mac) and the other is not. Any help is very much appreciated

Barely a nano second as if flash is not working and to the best of my links is a security issue), but I've found that if you keep trying to hover  Changes every time you click in a new link, avoiding the confusion and letting work the active element every time, perhaps putting together active and focus you get the effect of selection besides the “hover”ing with the mouse every new (not used last time) link…

Comments
  • Could have been overriden by a more specific style?
  • can you provide a demonstration of this in jsFiddle? I don't see anything wrong with the CSS you've provided but there may be other factors at play in your HTML or elsewhere in the CSS.
  • As it is in your question, it should work: jsfiddle.net/interdream/DQNSb/3
  • Thanks. I just checked your fiddle, James and i'm checking my code as Daryl suggested. i'm not using the "a" element or the class anywhere else in my CSS, but the hover is not working in any browser. I can't figure it out...
  • Above code works fine. Nothing wrong with it. Probably you might referencng the CSS incorrectly.
  • #f_mainContent_left p { line-height:1.4em; padding-bottom:15px; font-size:.8em; padding-top:3px; } I removed the "p" but it still didn't work. here is css for the "p"
  • Remember reading something about the DOCTYPE declaration effecting a hover before. Have you declared the DOCTYPE?
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> this is doctype (auto in dreamweaver cs 5.5)
  • kasun, i am referencing the css correctly. all other styles show and i only have one css file in my css directory on the root of my index.html page: <link rel="stylesheet" href="css/f_hope.css" type="text/css" />