Question

我的菜单就像这样

<div class="menu1a">
<nav role="navigation" class="site-nav">

<ul class="main-nav" id="menu-main">
<li class="menu-item abc1" id="def1"><a>Home</a></li>
<li class="menu-item abc2" id="def2"><a>About Us</a>
<ul class="sub-menu">
<li class="menu-item abcd1" id="defg1"><a>Corporate Overview</a></li>
<li class="menu-item abcd2" id="defg2"><a>Mission, Vision &amp; Core Values</a>    
</li>
<li class="menu-item abcd3" id="defg3"><a>Management</a></li>
</ul>
</li>
<li class="menu-item abc3" id="def3"><a>Services</a></li>
<li class="menu-item abc4" id="def4"><a>Know Hub</a>
<ul class="sub-menu">
<li class="menu-item abcd4" id="defg4"><a>Articles</a></li>
<li class="menu-item abcd5" id="defg5"><a>Outsourcing Glossary</a></li>
<li class="menu-item abcd6" id="defg6"><a>Events</a></li>
<li class="menu-item abcd7" id="defg7"><a>Gallery</a></li>
</ul>
</li>
<li class="menu-item abc5" id="def5"><a>Clients</a></li>
<li class="menu-item abc6" id="def6"><a>Reviews</a></li>
<li class="menu-item abc7" id="def7"><a>Get Started</a></li>
<li class="menu-item abc8" id="def8"><a>Contact Us</a></li>
</ul>


</nav>
</div>

</div>

如何为Wordpress中的活动菜单项提供永久颜色，以便在选择子菜单项时，其父菜单将以＃f00颜色突出显示。

这是我用于菜单项：

ul li.current-menu-item a {
    color:#01abea;
}

ul li#current-menu-item a {
    color:#01abea;
}

有人建议我将其用于子菜单项：

ul li ul.sub-menu li { color:#01abea;}
ul li ul#sub-menu li { color:#01abea;}

任何人都可以更正子菜单的最后一个代码，因为它不起作用。

Answer 1

在CSS中添加以下类。当您选择子菜单项时，word-press会自动将此类添加到相关父级。所以用你的彩色文本更新这个类。

.current-menu-parent, .current-menu-parent a
{
  color:#f00 !important;
}

在子菜单中永久激活菜单颜色

1 个答案: