Question

有问题的网站是www.valuetactics.com

我希望当前页面的菜单项链接为粗体和黄色。如果子页面是活动页面，则子链接项目和父链接项目都应为粗体和黄色。

目前在主页上有多个黄色菜单项，它应该只是“主页”链接。我尝试用

改变颜色

.main-navigation .current-menu-item > a{
color: yellow;
font-weight: bold;
}

.main-navigation .current-menu-ancestor > a{
color: white;
font-weight: bold;
}

 .main-navigation .current_page_ancestor > a {
color: green;
font-weight: bold;
}

我从默认版本扩展而来：

    .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
    color: yellow;
    font-weight: bold;
}

我发现.main-navigation .current-menu-item控制当前页面的链接颜色，但我无法弄清楚为什么这也会影响所有其他具有子菜单项的菜单项。

这是关于wordpress的“二十世纪”的儿童主题。

Answer 1

问题不在于您的CSS。您有多个指向主页的顶级菜单项，因此WordPress应用程序也正在应用.current-menu-item。这是预期和适当的行为。

将这些顶级菜单项更改为静态占位符，或者将它们指向其中一个子项目页面。

导航菜单显示多个项目的.current_menu_item css

1 个答案: