Question

在以下部分中：

http://www.zimmernutrition.com.php53-23.ord1-1.websitetestlink.com/learning-center/

在侧栏中，如果单击“健康文章”并单击其中一个类别，则“学习中心”的活动“橙色”状态将丢失。文章是自定义帖子类型，类别是相关的自定义分类。

不确定菜单编码是否错误，CPT，自定义分类或某种组合。

感谢您的帮助。

布雷特

Answer 1

仅为了记录矿井的工作。我使用Chrome浏览器，但其他浏览器可能会出现问题。

我认为current-menu-item上的CSS就是这样的。只需要更多的伪类型。

<强>此致：

#main-navigation .current-menu-item > a:link,
#main-navigation .current-menu-ancestor > a:link,
#main-navigation .current_page_item > a:link,
#main-navigation .current_page_parent > a:link,
#main-navigation .current_page_ancestor > a:link {
  background: #e69433 url(images/template/nav-link-bg-over.jpg) left top repeat-x;
}

#main-navigation .current-menu-item > a,
#main-navigation .current-menu-ancestor > a,
#main-navigation .current_page_item > a,
#main-navigation .current_page_parent > a,
#main-navigation .current_page_ancestor > a {
  color: #000;
}

我会将它们组合起来： （减去额外的课程）

#main-navigation .current-menu-item a,
#main-navigation .current-menu-item a:link,
#main-navigation .current-menu-item a:visited,
#main-navigation .current-page-parent a,
#main-navigation .current-page-parent a:link,
#main-navigation .current-page-parent a:visited {
  background: #e69433 url(images/template/nav-link-bg-over.jpg) left top repeat-x;
  color: #000;
}

#main-navigation .current-menu-item a:hover,
#main-navigation .current-menu-item a:active,
#main-navigation .current-page-parent a:hover,
#main-navigation .current-page-parent a:active {
  background: orange url(images/template/nav-link-bg-over.jpg) left top repeat-x;
  color: pink;
}

>也是非现代浏览器无法理解的东西。完全删除它可能更安全。

- 更新 -

仔细查看父页面和子页面上的列表项目，这就是您所拥有的：

父项 <li id="menu-item-142" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-15 current_page_item menu-item-142">

子页面 <li id="menu-item-142" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor menu-item-142">

我已调整上面的样式以匹配必要的类。

在Wordpress动态菜单中松开导航活动状态

1 个答案: