0

我的主页上有导航链接,我想要粉红色背景上的黑色文本。我希望所有链接变体中的文本都是黑色的,但默认的蓝色仍然出现在正常状态的链接上。访问链接时为黑色。我尝试了不同的补救措施(添加!重要,更改 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;}
4

1 回答 1

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: */
于 2013-11-03T17:47:07.047 回答