链接悬停不起作用
Posted
技术标签:
【中文标题】链接悬停不起作用【英文标题】：link hover not working 【发布时间】：2011-12-02 05:31:08 【问题描述】：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>
谁能告诉我为什么当我将鼠标悬停在链接上时鼠标悬停不起作用？谢谢
【问题讨论】：
可以被更具体的样式覆盖吗？ 你能在 jsFiddle 中提供一个演示吗？我认为您提供的 CSS 没有任何问题，但您的 HTML 或 CSS 中的其他地方可能存在其他因素。 正如你的问题，它应该可以工作：jsfiddle.net/interdream/DQNSb/3 谢谢。我刚刚检查了你的小提琴，James，我正在按照 Daryl 的建议检查我的代码。我没有在我的 CSS 中的任何其他地方使用“a”元素或类，但悬停在任何浏览器中都不起作用。我想不通... 以上代码工作正常。它没有错。可能您可能会错误地引用CSS。
【参考方案1】：
它必须被某些东西覆盖，如果您可以发布完整的 css/html，就可以弄清楚发生了什么。您可以尝试将 !important 添加到规则中以覆盖它，但我仍然建议找到它的根本原因。
a.f_pc:hover
text-decoration:underline !important;
【讨论】：
【参考方案2】：p 样式可能会覆盖它，在没有它的情况下尝试它，看看它是否有效。
【讨论】：
#f_mainContent_left p line-height:1.4em; padding-bottom:15px; font-size:.8em; padding-top:3px; 我删除了“p”，但它仍然不起作用。这是“p”的css
记得之前阅读过一些关于 DOCTYPE 声明影响悬停的内容。你声明了 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"> 这是 doctype（在 dreamweaver cs 5.5 中自动）
kasun，我正确引用了 css。所有其他样式都显示，我的 index.html 页面根目录的 css 目录中只有一个 css 文件：<link rel="stylesheet" href="css/f_hope.css" type="text/css" />【参考方案3】：
将它放在其他页面中，您的 css 运行良好。但它在您的文件中不起作用意味着它可能会覆盖其他 css。从萤火虫那里得到帮助。
【讨论】：
以上是关于链接悬停不起作用的主要内容，如果未能解决你的问题，请参考以下文章