Question

我正在尝试构建我的第一个网站，并尝试使用＆＃34; a：hover＆＃34; CSS中的功能但无法使其工作 - 无论是否悬停，链接看起来都一样。

这是我的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;
    }

任何帮助表示感谢。

谢谢，罗伯特。

Answer 1

你需要芬兰文本装饰指令：P

text-decoration: none;

或

text-decoration: underline;

Answer 2

我希望您需要更改hover州

中的颜色

尝试this one

之类的内容

例如。

HTML   

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

css   

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

Answer 3

您可能正在从：active转换为：hover，它具有相同的颜色。因此，您看不出任何区别。尝试为：悬停设置一种独特的颜色，看看会发生什么。

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

Answer 4

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

CSS a：悬停不按预期工作

4 个答案: