CSS a：悬停不按预期工作

问题描述：

我试图建立我的第一个网站，并试图在CSS中使用“a：hover”功能，但无法使其工作 - 链接看起来是否相同，无论是悬停或不。CSS a：悬停不按预期工作

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

任何帮助表示赞赏。

谢谢，罗伯特。

它做错了什么？你的HTML在哪里？ – 2012-04-04 15:05:09

答

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

尝试像this one

如。

HTML 

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

css 

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

谢谢huMpty - 解决了它。非常感激。 – Robert 2012-04-04 15:15:08

答

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

text-decoration: none;

或

text-decoration: underline;

感谢您的回答。我实际上是这样的，但在发布之前将其删除。我把它放回去了 - 仍然不起作用。 a：链接 { text-decoration：none; 颜色：白色; } a：visited { text-decoration：none; 颜色：FFFFFF; } a：悬停 { text-decoration：underline; 颜色：蓝色; } a：active { text-decoration：none; 颜色：蓝色; } – Robert 2012-04-04 15:09:40

你真的有...什么？ – 2012-04-04 15:10:26

对不起 - 我修改了原文。 – Robert 2012-04-04 15:12:24

答

你的问题是在text-decoration:部分，如果删除它们，或使用一个有效的语法你的CSS应该工作。

为什么downvote？ – DarkAjax 2012-11-27 14:24:09

答

您可能正在从a：active跳转到：hover，它具有相同的颜色。所以你看不出什么区别。尝试设置悬停的独特颜色，并查看会发生什么。

这也将有所帮助，如果你让一个jsfiddle。

CSS a：悬停不按预期工作

相关推荐