2013-11-03 59 views
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;} 

回答

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: */ 
相關問題