当前菜单颜色 CSS 导航

Question

我在使用当前菜单项时遇到问题，并且它们没有显示正确的颜色。

页面在这里： http://new.leicesterymca.co.uk/youth-community/our-work/youth-homelessness/我遇到的麻烦在左侧边栏中的导航中。

青年无家可归–野心

我们在青年无家可归

页面上，所以"雄心壮志"菜单项不应该与青年无家可归者相同，深蓝色。它应该是 #8fa9ba(浅蓝色(。

如果你点击野心页面，这两个实际上显示如我想要的那样......

我使用的 CSS 在这里：

/* ------ Menu Level 3 -------*/

.sub-nav-left {
  margin:68px 0 0 0;
  padding:0;
  font-weight: bold;
}
.sub-nav-left a {
  text-decoration: none;
  color: #2f9395;
}
.sub-nav-left a:hover {
  color: #163a52;
}
.sub-nav-left  ul {
  width: 95%;
  margin: 0;
  padding: 0;
}
.sub-nav-left li {
  margin: 0 0 0 0;
  padding: 10px 0 10px 0;
  text-indent: 0;
  border-bottom: 1px solid #e9eaeb;
}
.sub-nav-left li:before {
  content: none;
}
.sub-nav-left li:last-child {
  border-bottom: none;
}
.sub-nav-left .sub-menu li {
  text-indent: 20px;
  padding: 5px 0 0 0;
  border: none;
}
.sub-nav-left .sub-menu a {
  color: #9fcac7;
}
.sub-nav-left .sub-menu a:hover {
  color: #8fa9ba;
}



/* STYLING FOR THE CURRENT MENU ITEMS - Menu Level 3 */

/* This styles the top level parent item */
.sub-nav-left .current-menu-parent > a {
  color: #163a52;
}
/* This styles the dropdown menu current item  */
.sub-nav-left .current-menu-item a {
  color: #163a52;
}
/* This styles the sub menu */
.sub-nav-left .current-menu-item a {
  color: #163a52;
}



/* STYLING FOR THE CURRENT MENU ITEMS - Menu Level 3 - Sub */

/* This styles the top level parent item */
.sub-nav-left .sub-menu .current-menu-parent > a {
  color: #8fa9ba;
}
/* This styles the dropdown menu current item  */
.sub-nav-left .sub-menu .current-menu-item a {
  color: #8fa9ba;
}
/* This styles the sub menu */
.sub-nav-left .sub-menu .current-menu-item a {
  color: #8fa9ba;
}

Answer 1

较深的颜色(#163a52(应该只适用于.current-item的直系死者，对吧？如果是这样，您可以将选择器更改为：

.sub-nav-left .current-menu-item > a而不是.sub-nav-left .current-menu-item a