为WordPress知更鸟主题主菜单导航进入文章后常亮显示

如图所示，我进入的是文章页，文章属于『系统运维』类目下，则主导航上『系统运维』为常亮状态，这个功能是我在和知更鸟主题开发者反馈后加上，在之前的版本是没有的。但是还有一小个bug，比如『系统运维』是大类目，『系统固件』是小类目，和『系统运维』属于父级、子级关系，当我们选中『系统固件』（子级关系）时，导航灯不亮，要是有那位大神解决这个小小的bug也就完美了。也和知更鸟主题开发者反馈过是否可以解决，给到的回复是“不能”。

这个功能在新版主题里只有文章下才能看到，这个代码也提取出来和大家分享分享，也期待你能解决上述提出的问题，然后和大家分享。

代码如下：

/*一级样式*/  #site-nav-wrap {  	float: right;  	max-width: 70%;  }    #site-nav {  }    #site-nav .down-menu li {  	display: block;  	float: left;  	height: 88px;  	line-height: 88px;  }    #site-nav .down-menu a {  	padding: 0 14px;  	font-size: 15px;  	font-size: 1.5rem;  	color: #444;  	text-align: left;  	transition-duration: .2s;  }    #site-nav .menu-des, .sidr-class-menu-des {  	display: none;  }    #site-nav .down-menu ul .menu-des {  	color: #555;  	font-size: 13px;  	font-weight: normal;  	display: block;  }    #site-nav .sub-menu {  	-webkit-animation-name: avatar;  	animation-name: avatar;  	-webkit-animation-duration: 1s;  	animation-duration: 1s;  	-webkit-animation-timing-function: ease-in-out;  	animation-timing-function: ease-in-out;  	-webkit-animation-iteration-count: 1;  	animation-iteration-count: 1;  }    #site-nav .down-menu > li > a:hover,  #site-nav .down-menu > li.sfHover > a {  	color: #ef5a6e !important;  	background: transparent;  }    #site-nav .down-menu > .current-menu-item > a, #site-nav .down-menu > .current-post-ancestor > a {  	background: transparent;  	color: #ef5a6e !important;  }    #site-nav .down-menu > .current-menu-item > a:hover {  	color: #fff;  }

直接在一级菜单下替换即可，当然这是所有代码，只要常亮的代码如下，在一级样式末尾添加即可。

代码如下：

/*文章页导航常亮*/  #site-nav .down-menu > .current-menu-item > a, #site-nav .down-menu > .current-post-ancestor > a {  	background: transparent;  	color: #ef5a6e !important;  }    #site-nav .down-menu > .current-menu-item > a:hover {  	color: #fff;  }