Проблема цветов 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; 
}

Проба из-за моих правил меню нижнего колонтитуланаходится в главном меню, нет разницы в цветах.Может кто-нибудь помочь, извините за плохой английский.

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