我在使用当前菜单项时遇到问题,它们没有显示正确的颜色。
页面在这里:http://new.leicesterymca.co.uk/youth-community/our-work/youth-homelessness/我遇到的麻烦是在左侧边栏的导航中。
青年无家可归 –野心
我们在 Youth Homelessness 页面上,因此“Ambition”菜单项不应与 Youth Homelessness 相同,即深蓝色。它应该是#8fa9ba(淡蓝色)。
如果你点击 Ambition 页面,这两个实际上显示为我想要的......
我正在使用的 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;
}
最佳答案
较深的颜色 (#163a52) 应该只适用于 .current-item
的直系后裔,对吧?如果是这样,您可以将选择器更改为:
.sub-nav-left .current-menu-item > a
而不是 .sub-nav-left .current-menu-item a
关于html - 当前菜单颜色 CSS 导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42982595/