css - Why is this dropdown link color different?

Question

I hate css, this makes no sense. I finally finished styling this menu and now I click a different page and the links are all white on a white dropdown bg. I can only think it somehow has to do with the li.current-menu-item style but it doesn't make sense why. Nothing shows up in firebug either.

This page works correctly: http://www.brainbuzzmedia.com/themes/simplybusiness/

This one has white links: http://www.brainbuzzmedia.com/themes/simplybusiness/?page_id=86

If you figure this out could you please tell me how or what you use to debug?

Answer 1

投资组合页面（以及随后导航到的任何页面..）有一个额外的选择器样式“current-menu-item”。要么摆脱它或适当的风格

div.nav-menu ul li.current-menu-item a {
    color: #EE8855;
}

Answer 2

在第二个链接上，子菜单项链接使用以下 CSS 应用白色：

div.nav-menu ul li.current-menu-item:hover a

您应该将其更改为：

div.nav-menu ul li.current-menu-item:hover > a

因为您只想针对 的孩子<a>，<li class="current-menu-item">而不是所有后代。

见http://www.w3.org/TR/css3-selectors/#child-combinators