CSS a：悬停未按预期工作答案

【问题标题】：CSS a:hover not working as hopedCSS a：悬停未按预期工作
【发布时间】：2012-04-18 07:45:24
【问题描述】：

我正在尝试构建我的第一个网站，并尝试使用 CSS 中的“a:hover”功能，但无法使用 - 无论是否悬停，链接看起来都一样。

这是我的 CSS 文件的 sn-p：

    /* main page elements */
    a:link
    {
      text-decoration: none;
      color:white;
    }

    a:visited
    {
      text-decoration: none;
      color:FFFFFF;
    }

    a:hover
    {
      text-decoration: none;
      color:blue;  
    }


    a:active
    {
      text-decoration: none;
      color:blue;
    }

任何帮助表示赞赏。

谢谢，罗伯特。

【问题讨论】：

它做错了什么？你的 HTML 在哪里？

标签： html css hyperlink hover mouseover

【解决方案1】：

你需要完成文本修饰指令：P

text-decoration: none;

或

text-decoration: underline;

【讨论】：

感谢您的回答。我实际上是这样的，但在发布之前将其删除。我把它放回去了 - 仍然不起作用。一个：链接{文本装饰：无；白颜色; } a:visited { text-decoration:none;颜色：FFFFFF； } a:hover { 文字装饰：下划线；颜色：蓝色； } a:active { 文字装饰：无；颜色：蓝色； }
对不起 - 我已经修改了原帖。

【解决方案2】：

希望你需要更改hover状态的颜色

试试this one

例如。

HTML   

<a href ='#'> Hover Me </a>

css   

 a
 { 
     text-decoration: none; 
     color:#000000;
 }
 a:hover
 {
     color:#3399FF;
 }

【讨论】：

【解决方案3】：

您可能正在从 a:active 过渡到具有相同颜色的 a:hover。因此你看不出有什么不同。尝试为 a:hover 设置一个独特的颜色，看看会发生什么。

如果你制作一个 jsfiddle 也会有所帮助。

【讨论】：

【解决方案4】：

您的问题出在 text-decoration: 部分，如果您删除它们或使用有效的语法，您的 CSS 应该可以工作。

【讨论】：