Css wordpress子导航栏

我的问题是，我为我的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文件中还有更多的类和函数

---

请帮助？

您正在使用WordPress吗？如果是这样的话，你应该能够设计

.current menu item

或

.current\u page\u item

的样式，让它看起来像你想要的样子。

每个子导航代码都在我在自定义主题中创建的自定义模板中，你仍然可以使用WordPress的本机函数来管理菜单之类的东西。看一看可能比重新发明轮子更好。我是否必须在我的子导航菜单中使用当前标记？如果要设置导航菜单项的样式以指示它是当前页面，则需要在HTML中添加一些内容（无论是手动编码的还是自动生成的）指示此特定的

是当前页面。WordPress内置了一些工具，可以自动为您提供这些工具。这些工具是什么。？我的子导航栏？