当我在3级子页面上时,我试图使顶部菜单项保持高亮显示,但是当我使用当前页面祖先类时,我只高亮显示了一级。
(见下文)
我想发生什么(所有菜单家长突出显示):
- Home
- **Photos**
- **Album1**
- **Gallery1** (Current Page)
- Album2
我目前有什么(只有一个级别的父母突出显示):
- Home
- Photos
- **Album1**
- **Gallery1** (Current Page)
- Album2
超文本标记语言,当我在"画廊1页":
<ul id="menu-menu-english" class="nav">
<li id="menu-item-224" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-224">Home</li>
<li id="menu-item-158" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor menu-item-has-children menu-item-158 dropdown"><a title="Research" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true">Research /a>
<ul role="menu" class=" dropdown-menu">
<li id="menu-item-384" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor menu-item-384">Pre – 1975</li>
<li id="menu-item-383" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-383">1975-1990</a></li>
</ul>
</li>
</ul>
CSS:
.current-page-ancestor {
background-color:red;
}
你的代码不清楚。可能它不起作用,因为您的家长已经有了背景样式。尝试添加
!重要信息
,以覆盖以前的样式。
.current-page-ancestor {
background-color:red !important;
}