0

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

这是我的 CSS 文件的片段：

    /* 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;
    }

任何帮助表示赞赏。

谢谢，罗伯特。

4

4 回答 4

6

您需要完成文本装饰指令：P

text-decoration: none;

或者

text-decoration: underline;
于 2012-04-04T15:05:40.377 回答
2

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

试试这样的

例如。

HTML   

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

css   

 a
 { 
     text-decoration: none; 
     color:#000000;
 }
 a:hover
 {
     color:#3399FF;
 }
于 2012-04-04T15:09:13.713 回答
1

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

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

于 2012-04-04T15:14:32.400 回答
0

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

于 2012-04-04T15:07:05.763 回答