Question

I have a simple page in which I’m trying to style an a link. I can style the normal state fine, but the hover state never triggers.

The relevant portion of my stylesheet is:

a.faqquestion {
  color: orange;
}

a.faqquestion:hover {
    text-decoration: underline;
  cursor: hand;
}

and my code looks like this:

<a onClick="toggleMe('FAQ1')" class="faqquestion">1. How many licenses do I need?</a>

Can someone see what I’m doing wrong? The full page is available at:
http://www.haast.ca/Pages/Products/HAAST/FAQ.htm
and FAQ’s 1 and 2 are styled with the class “faqquestion”.
Thanks,
Michelle

Answer 1

A few things:

1. cursor should be pointer not hand
2. add the faqquestion class to your links
3. your links should have a target so just add a href=”/wherever they should go” or href=”#”