0

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

    #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;
    }
4

3 回答 3

1

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

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

于 2013-02-04T15:05:54.640 回答
0

我在某些版本的 Opera 和旧版 IE 上也遇到过同样的问题。我一直避免使用:link伪类而只支持自然a风格 - 从来没有完全理解原因，但:link始终是 50/50，而自然a从未失败过。

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

a.navlink{
    ...
}

这只会为您的a.navlink元素创建默认状态 - 其他伪类仍将正确修改它。如果它不能为你解决问题，那么我的下一个猜测是你在某个地方有一种冲突的风格。如果不了解其他来源，很难确定。

于 2013-02-04T15:06:18.323 回答
0

:link根据规范，仅匹配未访问的链接。如果要匹配所有链接，则必须执行类似的操作a.navlink:link, a.navlink:visited {}

于 2013-02-05T00:05:46.843 回答