Question

我真的需要帮助我正在进行的WordPress项目。其中一个页面有子菜单;我想要设置它的样式，如果我点击一个子菜单，父菜单和点击的子菜单都会采用样式。我已尝试定位和设置current-menu-parent和current-menu-item类，如在inspect元素上看到的那样，但它没有达到我想要的结果。也尝试使用current_page_parent / item类，但无济于事。请注意，我目前正在使用wamp离线工作。所有的帮助将不胜感激。

Answer 1

父页面没有类＆＃34; current_page_item＆＃34;或＆＃34;当前菜单项＆＃34;因为现在子页面是最新的。

为了轻松解决这个问题，Wordpress将另一个类添加到当前页面的父菜单项中。该类被称为＆＃34; current_page_ancestor＆＃34;，因此将所需的样式应用于此类。

Answer 2

以下提供了有关如何正常工作的示例 https://github.com/Automattic/_s/issues/835

2013主题

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
color: #bc360a;
font-style: italic;
}

2014

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
color: #55d737;
font-weight: 900;
}

2015

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
font-weight: 700;
}

使用页面检查来查看菜单的标签

如何设置当前菜单父级和项

2 个答案: