a：链接在firefox中不起作用

我的链接样式有问题 - 悬停和活动作品，但链接没有，我做错了什么？我该如何解决这个问题？a：链接在firefox中不起作用

#nav{padding: 5px 230px 10px 230px;} 

#nav li{ 
    display: inline-block; 
    list-style: none; 
    margin: 5px; 
    padding: 1px; 
    font: 20px Century Gothic;  
} 

    a.navlink:link{ 
     color:#06AD00; 
     background: white; 
     border-top: 1px #958A7E solid; 
     border-bottom: 1px #958A7E solid; 
     cursor:pointer; 
    } 
    a.navlink:visited{} 
    a.navlink:hover { 
     color: black; 
     background: white; 
     border-top: 1px black solid;  
     border-bottom: 1px black solid; 
     cursor:pointer; 
    } 
    a.navlink:active { 
     color: red; 
     background: white; 
     border:0; 
     cursor:pointer; 
    }

来源

2013-02-04 SanderC

你能显示你的html吗？ – renathy

你确定你的浏览器认为这个链接是*未访问*吗？尝试清除你的历史。 –

请注意，'a.navlink：visited {}'并不意味着*“无造型”*。 –

我已经有某些版本的Opera和较旧的IE相同的问题。我一直避免:link伪类只支持自然a风格 - 从来没有完全理解为什么，但:link始终是50/50，而自然a从未失败。

试试这个，而不是你的风格:link：

a.navlink{ 
    ... 
}

您a.navlink元素这只会创建一个默认的状态 - 其他伪类仍然会正常进行修改。如果它不能为你解决问题，那么我的下一个猜测就是你在某个地方有一个冲突的风格。很难确切地知道没有得到我们的来源的其余部分。

来源

2013-02-04 15:06:18 CodeMoose

是的，谢谢！ a.navlink {}正常工作！ a：navlink：link {}没有，那就是问题所在。 – SanderC

你的CSS在我的FireFox上效果很好。确保根据您的CSS正确定义HTML标签和属性。

此外，请注意，您可能会看到错误的样式，因为您的链接已被访问。尝试放置一些你没有访问的网址。（例如：sdfdsfdsfsfdhgsdf.com等...）

来源

2013-02-04 15:05:54 Stasel

问题出在：链接（没有造型），而不是：visited（我想访问与unisited相同）。首先我省略了：访问，所以我认为它会解决问题，但实际上并不重要。 – SanderC

:link只匹配未访问的链接，根据规范。如果你想匹配所有链接，你必须做一些像a.navlink:link, a.navlink:visited {}

来源

2013-02-05 00:05:46

a：链接在firefox中不起作用

回答

相关问题