CSS顏色問題

Question

混合了不同標籤中的顏色。 我的來源是：

<div id="page_header"> 

    <div id="header_logo"> 
    <a href=index.php> 
     <img src="css/images/header.png" border="0" /> 
    </a> 
    </div> 

    <div id="main_menu"> 
    <ul> 
     <li> 
     <a href="http://mvc.local/blog">Blog</a> 
     </li> 
     <li> 
     <a href="http://mvc.local/welcome">Welcome</a> 
     </li> 
    </ul> 
    </div> 
</div> 

，並在頁腳菜單底部：

<div id="page_footer"> 
    <p>&copy; 2011 Stefan Cvetkovic.</p> 

    <div id="footer_menu"> 
    <ul> 
     <li><a href="#">About</a></li> 
     <li><a href="#">Terms of Service</a></li> 
     <li><a href="#">Privacy</a></li> 
    </ul> 
    </div> 
</div> 

我的CSS來源：

#main_menu{ 
    width:100%; 
    height:40px; 
    background: url(images/menubg.png) repeat-x; 
} 
#main_menu ul{ 
    list-style: none; 
    margin: 0; 
    padding: 10px 0 0 10px; 
} 
#main_menu ul li, #footer_menu ul li{ 
    padding:0; 
    margin: 0 20px 0 0; 
    display:inline; 
} 
#main_menu ul li a:link,a:visited,a:active{ 
    text-decoration: none; 
    font-weight:bold; 
    color:#ffffff; 
} 
#main_menu ul li a:hover{ 
    text-decoration: none; 
    font-weight:bold; 
    color:#000000; 
} 
#footer_menu ul{ 
    list-style: none; 
    margin: 0; 
    padding: 10px 0 0 10px; 
} 
#footer_menu ul li{ 
    padding:0; 
    margin: 0 20px 0 0; 
    display:inline; 
} 
#footer_menu ul li a:link,a:visited,a:active{ 
    text-decoration: none; 
    color: #000000; 

} 
#footer_menu ul li a:hover{ 
    text-decoration: none; 
    color: #000000; 
} 

Probem是becouse我的頁腳菜單的規則是主菜單上，顏色沒有區別。 任何人都可以幫忙，因爲英文不好。

Answer 1

對於有你需要的路徑附加到元素要的樣式添加到樣式每一個CSS減速：

#main_menu ul li a:link,a:visited,a:active, #main_menu ul li a:link{ 
    ... 
} 
#main_menu ul li a:hover, #footer_menu ul li a:hover{ 
    ... 
} 

編輯： 剛纔看了您的評論：問題是你追加更多的樣式，你應該包括完整的路徑不只是元素名稱：

#footer_menu ul li a:link,a:visited,a:active{} 
#footer_menu ul li a:link,#footer_menu ul li a:visited,#footer_menu ul li a:active{}