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



>我的主页上有导航链接,我希望粉红色背景上的黑色文本。我希望文本在所有链接变体中都是黑色的,但默认的蓝色仍然出现在正常状态下的链接上。访问链接时为黑色。 我已经尝试了不同的补救措施(添加!important,更改css的顺序,使用黑色的十六进制代码而不是单词black),但没有任何方法可以解决问题。 这是现在的代码。我做错了什么?

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

请更改错误的代码:

#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: */

最新更新