css 导航 - 子活动颜色与父活动颜色相同

Posted 2021-05-13

/* --- note: doesn't seem to work with anchored nav -- */
/* -- child active page color is same as parent active color -- */
.genesis-nav-menu .current-menu-ancestor > a,
.genesis-nav-menu .sub-menu .current-menu-item > a {
    background-color:#000;
    color:#fff;
}

/* --- if primary nav and secondary nav use different colors, use this method --- */
.genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item a,
.genesis-nav-menu .sub-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.nav-primary .sub-menu a:hover, .nav-secondary .sub-menu a:hover,
.nav-primary .current-menu-ancestor > a {
	color: #009bcc;
}

.nav-secondary .current-menu-item > a, .nav-secondary a:hover,
.nav-secondary .current-menu-ancestor > a {
	color: #f9f9f9;
}