Css 答:链接没有';我不能在firefox中工作
我对链接样式有问题- 悬停和活动有效,但链接无效,我做错了什么? 我如何解决这个问题Css 答:链接没有';我不能在firefox中工作,css,firefox,Css,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{ colo
#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;
}
你的CSS在我的FireFox上运行得很好。 确保根据CSS正确定义HTML标记和属性
另外,请注意,您可能会看到错误的样式,因为您的链接已被访问。尝试放置一些您未访问的URL。(例如:sdfdsfdsfsfdhgsdf.com等…)我对某些版本的Opera和旧版IE也有同样的问题。我总是避免使用
:link
伪类,而只使用自然的a
风格-从来都不太明白原因,但是:link
总是50/50,而naturala
从未失败过
请为您的:链接样式尝试以下操作:
a.navlink{
...
}
这只会为a.navlink
元素创建默认状态-其他伪类仍会正确修改它。如果它不能为你解决问题,那么我的下一个猜测是你在某个地方有一个相互矛盾的风格。如果我们不掌握源代码的其余部分,很难确定。:link
仅根据规范匹配未访问的链接。如果要匹配所有链接,必须执行类似于a.navlink:link,a.navlink:visted{}
的操作。您能显示html吗?您的浏览器是否确实认为该链接未访问?请尝试清除您的历史记录。请注意,a.navlink:visted{}
并不意味着“没有样式”。问题在于:link(没有样式),而不是:visted(我希望访问与unisited相同)。首先,我省略了:访问过,所以我认为使用它可以解决问题,但实际上并不重要。是的,谢谢!a、 导航链接{}有效!答:navlink:link{}没有,这就是问题所在。