Question

我的问题是我为我的wordpress网站创建了一个模板，当用户在子导航栏上选择我们希望它保持选中状态的选项卡时，我会创建一个子导航栏。我们将以下代码插入到style.css文件中

#subnav li a:active #subnav li a.selected, #subnav li a:hover

然后我们在每个模板中创建了一个主导航条，我创建了一个导航条形码

<div id="subnav" class="subnav-about "> 
    <li style="font-size: 14px;"><a href="/about/history" class="">History</a></li>
    <li style="font-size: 14px;"><a href="/about/corevalues" class="" >Core Values</a></li>
    <li style="font-size: 14px;"><a href="/about/buyselltrade" class="">Buy • Sell • Trade</a></li>
    <li style="font-size: 14px;"><a href="/programs" class="">Programs</a></li>
    <li style="font-size: 14px;"><a href="/about/accolades" class="">Accolades</a></li>
    <li style="font-size: 14px;"><a href="/about/careers" class="">Careers</a></li>
    <li style="font-size: 14px;"><a href="/about/contact" class="">Contact</a></li>
  </ul>
</div> <!-- /subnav -->

如果用户点击它，上面的代码不会选中标签假设用户点击选项卡程序，选项卡应保持选中状态请帮忙子导航栏的style.css文件中还有更多的类和功能

请帮帮忙？

Answer 1

您使用的是WordPress的wp_nav_menu()吗？如果是这样，您应该能够设置.current-menu-item或.current_page_item的样式，以便按照您希望的方式进行设置。

wordpress子导航栏

1 个答案: