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であることは、メインメニューにあり色の違いはありません。 誰かが助けて、悪い英語のために泣いてもいいですか？あなたが必要なスタイリングを持つすべてのCSSの減速のために

Answer 1

、あなたがスタイリングを追加したい要素へのパスを追加します。

#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{}