未访问链接的文本颜色显示为默认蓝色

Question

我的主页上有导航链接，我想在粉色背景上显示黑色文本。我希望文本在所有链接变体中都是黑色，但蓝色的默认颜色仍然会以正常状态显示在链接上。当链接被访问时它是黑色的。我尝试了不同的补救措施（添加！重要的，改变CSS的顺序，使用黑色代替黑色的十六进制代码），但没有任何解决问题。这是现在的代码。我究竟做错了什么？

body{background-color:#CC6699} 

#header { border: medium dotted #000000; 
padding: 20px 0px 20px 0px; 
color: black; 
font-family: Broadway; 
background-color: aqua; 
text-align: center; 
height: 250px; } 
#logo { padding-left: 30px; float:left;} 



#wrapper {width:900px; margin:0 auto; background-color:#ffffff; color:black;} 

#bar { 
background-color: #000000; 
height: 200px;} 



#content { 
margin: 0px; 
padding: 10px 0px 10px 0px; 
font-family: Verdana; 
font-size: large; 
text-align: center; 
background-color: #ffffff;} 
#nav { 
width: 900 px; 
margin: 0 0px 0 0px; 
overflow: hidden;} 
#nav ul li { 
display: inline;} 

#nav ul { 
width:100%;} 

#nav li { 
border-style: solid; 
border-width: thick; 
border-color: #00FFFF; 
margin: 40px 10px 40px 10px; 
font-family: "Arial Rounded MT Bold"; 
font-size: large; 
padding: 10px 30px 10px 30px; 
background-color: #CC6699; 
text-align: center;} 

#nav a:{ 
color: #000000; margin: 10px;} 
#nav a: link { color:black;} 
#nav a:visited {color:black} 
#nav a:focus { color:black;} 


#nav a: hover {color:black;} 
#nav a:active {color:black;} 


img { 
padding: 20px 30px 20px 30px;} 

Answer 1

请更改错误代码：

#nav a:{ 
color: #000000; margin: 10px;} 
#nav a: link { color:black;} 
#nav a: hover {color:black;} 

要：

#nav a{ /* remove : after a */ 
color: #000000; margin: 10px;} 
#nav a:link { color:black;} /* remove space after a: */ 
#nav a:hover {color:black;} /* remove space after a: */