Question

当您在此页面时：Example page

你会看到“议程”的背景为蓝色，“2017年9月 - 2017年12月”是粉红色。

当您单击其他菜单项之一时，子菜单项保持其粉红色，但头菜单将失去其蓝色背景。

有没有办法让头菜单在每个子菜单项上保持蓝色背景？

这里有两个截图来澄清： Screenshot 1， Screenshot 2

修改

最后我了解到这是通过jQuery完成的。我此时并不知道这些信息。 jQuery会将正确的类附加到html实体，这是从URL派生的。

Answer 1

根据点击的内容，您有2个CSS规则正在应用。您需要检查是否需要删除其中一个。

＆＃13;

ul.oi_header_menu_fixed>li>a {
  background: #f5f5f5;
}

.oi_header_menu_fixed>li.current_page_item>a,
.oi_header_menu_fixed>li.current_page_parent>a,
.oi_header_menu_fixed>li.current-menu-parent>a,
.oi_header_menu_fixed>li.current-menu-ancestor>a {
  background: #000;
  color: #fff;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-style: none;
  border-color: #000;
}

＆＃13;

主菜单失去了CSS风格

1 个答案: