当前菜单颜色CSS导航

我遇到了当前菜单项的问题，并且它们没有显示正确的颜色。当前菜单颜色CSS导航

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

青年无家可归 -Ambition

我们是青年无家可归页面上，所以“野心”菜单项不应该是相同的，深蓝色作为青年无家可归。它应该是＃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; 
}

来源

2017-03-23 Shaun Taylor

较深的颜色（＃163a52）应仅适用于.current-item的直接死者，对吗？如果是这样，你可以改变选择这样：

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

来源

2017-03-23 17:16:18 Litzo

对不起，我可能失去了一些东西，但这些选择都是一样的吗？较浅的颜色应该适用于直接后代（Ambition），较暗的颜色应该适用于当前页面:) –

对不起 - 我编辑了我的答案，使其更有意义。它看起来像'.sub-nav-left .current-menu-item a'的当前样式是级联到嵌套的菜单，该菜单包含'Ambition'。 – Litzo

多数民众赞成在 - 非常感谢 - 管理调整，并得到它的工作:) –

当前菜单颜色CSS导航

回答

相关问题