Question

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

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

Answer 1

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

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

Answer 2

对于某些版本的Opera和旧IE，我遇到了同样的问题。我总是避免使用:link伪类而只支持自然a样式 - 从来没有完全理解为什么，但:link总是50/50而自然{{1从来没有失败。

请尝试使用此a样式：

:link

这只会为a.navlink{ ... }元素创建一个默认状态 - 其他伪类仍会正确修改它。如果它没有为你解决问题，那么我的下一个猜测就是你在某个地方有一个相互冲突的风格。如果没有掌握剩下的资源，很难确定。

Answer 3

根据规范，

:link仅匹配未访问的链接。如果您想匹配所有链接，则必须执行a.navlink:link, a.navlink:visited {}

之类的操作

a：链接在firefox中不起作用

3 个答案: