Question

我正在尝试在自定义Wordpress主题中设置导航样式。当父级li具有特定类时，我想将：active伪类添加到一个元素中。

我使用Redux Framework设置主题选项页面。有一个选项可以设置a元素的正常，悬停和活动状态，但是当我的菜单项处于活动状态时，li元素将获得当前项目类，但a元素不会获得活动状态

我试图寻找一种使用jQuery的解决方案，但找不到任何可以帮助我的东西。

HTML

<nav id="main-nav" role="navigation" aria-label="Hoofdmenu">
    <ul id="primary-menu" class="menu" role="menubar">
        <li id="menu-item-2129" class="menu-item"><a href="http://theme.test/blog/">a Blog page</a></li>
        <li id="menu-item-2100" class="menu-item menu-item-has-children current-menu-ancestor" aria-haspopup="true" aria-expanded="false" tabindex="0"><a>Template 2</a>
            <ul class="sub-menu">
                <li id="menu-item-2098" class="menu-item current_page_item"><a href="http://theme.test/template-2a/">Template 2A</a></li>
                <li id="menu-item-2097" class="menu-item"><a href="http://theme.test/template-2b/">Template 2B</a></li>
            </ul>
        </li>
    </ul>
</nav>

是否可以这样做？

在父项上使用类时，如何更改伪类？

0 个答案: