0

表达我的问题有点困难：我有 2 个级别的导航菜单

  A       B
|----|  |----|
| A1 |  | B1 |
| A2 |  | .. |
|----|  |----|

A,B 是两个空链接，A1,A2,B1 是页面。在 A1 中，有一个链接重定向到另一个页面 C。

我有这样的 CSS 代码来突出显示当前的菜单项：

.current-menu-ancestor, .current-menu-parent,
.nav-menu > .current-menu-item {
    padding-top : 15px;
    text-decoration: underline;
}

当我浏览页面 A1、A2、B1 时，它运行良好。但是当我浏览页面 C 时，没有菜单项显示为“当前页面项”。

我有一个方法是将页面 C 作为 A1 的子菜单添加到菜单中，然后我用个性化的 CSS 类“隐藏”这个子菜单

.hidden-sub-menu {
    display : none !important;
}

由于我有很多子菜单项要管理，我不认为这种绕行是一个好方法。也许我需要在生成 html 页面时修改某些文件。但我不知道哪些文件以及如何。

欢迎任何提议。提前致谢！

4

0 回答 0