我正在开发的网站有一个单页架构和几个静态页面。

主要问题是，当我从静态页面中单击菜单项时（WordPress自定义菜单中该菜单项的构造如下所示：http://example.com/#about, 已尝试：/#关于和#仅关于）它突出显示所有菜单项。

只有当我试图通过静态页面访问一个页面部分时，才会出现此问题。有没有解决方法，当我从静态页面单击一个活动部分时，如何只突出显示它？下面我给出了两个负责颜色变化的CSS声明。

CSS

#header-menu #mega_main_menu > .menu_holder > .menu_inner > ul > li >
.item_link > .link_content > .link_text, #header-menu .mega_main_menu > 
.menu_holder > .menu_inner > ul > li >
.item_link > .link_content > .link_text {
height: auto;
font-size: 12px;
text-transform: uppercase;
color: #45464b;
padding: 0 20px;
line-height: 80px;
}

#header-menu #mega_main_menu > .menu_holder > .menu_inner > ul > li.current-
menu-item >
 .item_link > .link_content > .link_text, #header-menu #mega_main_menu > 
.menu_holder > .menu_inner > ul > li.current-menu-parent > .item_link > 
.link_content > .link_text, #header-menu #mega_main_menu > .menu_holder > 
.menu_inner > ul > li.current-menu-ancestor > .item_link > .link_content > 
.link_text, #header-menu .mega_main_menu > .menu_holder > .menu_inner > ul > 
li.current-menu-item > .item_link > .link_content > .link_text, #header-menu 
.mega_main_menu > .menu_holder > .menu_inner > ul > li.current-menu-parent > 
.item_link > .link_content > .link_text, #header-menu .mega_main_menu > 
.menu_holder > .menu_inner > ul > li.current-menu-ancestor > .item_link > 
.link_content > .link_text {
color: #0ccfa8;
}