在CSS中设置样式的链接上不会触发悬停效果

Question

我有一个简单的页面，我正在尝试设置链接的样式。我可以将正常状态调整好，但悬停状态永远不会触发。

我的样式表的相关部分是：

a.faqquestion {
  color: orange;
}

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

我的代码如下：

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

有人能看出我做错了吗？整页可在以下网址获得： http://www.haast.ca/Pages/Products/HAAST/FAQ.htm 常见问题解答1和2的样式为“faqquestion”。 谢谢， 米歇尔

Answer 1

Internet Explorer忽略了a.faqquestion:hover制作，因为您的cursor定义无效。

将cursor: hand;更改为cursor: pointer;可解决问题。

Answer 2

一些事情：

1. 光标应该是指针而不是手
2. 将faqquestion类添加到您的链接
3. 您的链接应该有一个目标，所以只需添加一个href =“/他们应该去的地方”或href =“＃”

Answer 3

该页面在我的浏览器上正常运行，您只是忘记将课程faqquestion添加到其他链接

Answer 4

有效：

http://jsfiddle.net/Steve_Wellens/tjW6Q/

所以，我猜你的CSS是在一个没有加载的单独文件中。

Answer 5

你只是没有注意到它，因为你在第二个css中没有任何改变，因为HTML tahe＆lt; a带下划线。并尝试间隔出不同的css变量，如 a .faqquestion：hove，如果删除a，它可能会有效，因为你用两个不同的css标签调用相同的标签会导致你调用＆lt; a with faqquestion