悬停效果不会在 CSS 样式的链接上触发答案

【问题标题】：Hover effect won't trigger on a link styled in CSS悬停效果不会在 CSS 样式的链接上触发
【发布时间】：2011-07-15 12:01:31
【问题描述】：

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

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

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 FAQ 的 1 和 2 使用“faqquestion”类进行样式设置。谢谢，米歇尔

【问题讨论】：

【解决方案1】：

一些事情：

【讨论】：

【解决方案2】：

Internet Explorer 正在忽略 a.faqquestion:hover 产生式，因为您的 cursor 定义无效。

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

【讨论】：

【解决方案3】：

该页面在我的浏览器上运行良好，您只是忘记将 faqquestion 类添加到其他链接

【讨论】：

【解决方案4】：

有效：

所以，我猜您的 CSS 位于未加载的单独文件中。

【讨论】：

【解决方案5】：

它只是你没有注意到它，因为你在第二个 css 中没有任何改变，因为 HTML tahe

【讨论】：