Question

我的菜单就像这样

<div class="header-menu1">

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

我想通过＃f00颜色识别活动菜单，即“主导航”类的

，即子菜单活动性或主菜单活动性。我是平面设计师，我想要快速解决上述问题。

Answer 1

尝试

UL LI.menu-item a:active {
    color:#f00;
}

编辑：

：活跃并不是你追求的目标。

Wordpress将一个类附加到当前菜单项。你可以使用它：

UL LI.current-menu-item a {
    color:#f00;
}

Answer 2

nav.site-nav li a:active
{
  color:#your color;
}

wordpress菜单样本结构中的活动菜单颜色项

2 个答案: