更改当前菜单项颜色

Question

你好，我有一个网站有两个菜单，一个在滚动，另一个显示标题在顶部  我正在尝试在标题位于顶部时更改当前菜单项颜色

截图如下

http://skyechopencil.com/home-newest/

这是我尝试的但它只会在滚动时影响菜单项而不是在顶部固定时

body .container .navigation ul .current-menu-item a {
color: #ff9900 !important;
text-decoration: underline;
}

有人可以帮我解决问题

Answer 1

我尝试在您提供的链接上使用Chrome开发工具添加标记，但效果很好。

也许你稍后会在其他地方覆盖它。

尝试将代码放在样式表的最后，看看它是否有效。

Answer 2

- 语言：lang-css - ＆gt;

#sub-header ul li:hover{ background-color: #000;}
#sub-header ul li:hover a{ color: #fff; }
#sub-header ul li.active{ background-color: #000; }
#sub-header ul li.active a{ color: #fff; }

<div id="sub-header">
    <ul>
        <li> <a href="index.php">Home</a> </li>
        <li> <a href="contact.php">Contact Us</a> </li>
        <li> <a href="about.php">About Us</a> </li>
    </ul>
</div>