2017-07-15 116 views
-1

我检查了关于我的代码的所有内容,但没有发现问题,为什么我的链接不是白色的。我看着有关它的帖子来检查是否有人问这个问题,以及我是否有同样的错误。但可悲的是不。我的链接颜色不会改变?

这就是我的HTML代码

#topleiste { 
 
    background-color: #42587E; 
 
    width: 100%; 
 
    float: left; 
 
} 
 

 
#topleiste li { 
 
    list-style: none; 
 
    float: left; 
 
} 
 

 
a:link { 
 
    color: white; 
 
    text-decoration: none; 
 
    font-size: 16px; 
 
    padding: 10px 5px 1px 5px; 
 
}
<div id="topleiste"> 
 
    <ul> 
 
    <li><a href="https://www.google.de/">ARD Home</a></li> 
 
    <li><a href="https://www.google.de/">Nachrichten</a></li> 
 
    <li><a href="https://www.google.de/">Sport</a></li> 
 
    <li><a href="https://www.google.de/">Börse</a></li> 
 
    <li><a href="https://www.google.de/">Ratgeber</a></li> 
 
    <li><a href="https://www.google.de/">Wissen</a></li> 
 
    <li><a href="https://www.google.de/">Kultur</a></li> 
 
    <li><a href="https://www.google.de/">Kinder</a></li> 
 
    <li><a href="https://www.google.de/">ARD Intern</a></li> 
 
    </ul> 
 

 

 
</div>

我希望你们能帮助我。

+0

什么在寻找你的链接已经是白色的。你能解释一下你真正想要的吗? – LKG

+0

尝试将'a:link'更改为'a' –

+0

清除您网站的浏览记录或将网站更改为您未曾去过的网站。 – Rob

回答

0

错误可能是因为链接访问时链接颜色改变。为了防止这种情况,你可以添加CSS:

a:visited { 
    color: white 
} 
0

尝试

#topleiste li a { 
    color: #fff; 
} 

或在您的情况:

#topleiste li a, #topleiste li a:hover, #topleiste li a:active, #topleiste li a:focus { 
    color: #fff; 
} 
1

的问题是在你的CSS其中a:link不会对象的链接如果你之前已经访问过它(我猜你以前在谷歌),相反,将它改为a。告诉我它是怎么回事!