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

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

1 个答案: