css - 如何为当前页面设置“wp_nav_menu”链接的样式？

Question

我环顾四周，似乎找不到一种直接的方法来做到这一点。我有一个使用 wp_nav_menu 的下拉菜单的页面列表，我只想将指向您当前所在页面的链接设置为不同的颜色。

Answer 1

您是否尝试过使用选择器current-menu-item？这应该工作:)

Answer 2

在 webfish 样式表的末尾添加此代码

  #DropDownMenuNav ul.children,
    #DropDownMenuNav ul.DropDownMenu li.current_page_item
    {
    background: #D0251E; // Any color code you want
    }

Answer 3

已经有一个基于它的条件 wordpress 将其视为活动菜单。所以你必须为不同的颜色创建css类，你可以看到当前活动的类，比如'page_item page-item-36 current_page_item'，仅此而已。所以用你想要的属性创建一个类。