css - WordPress中的选定菜单突出显示问题

Question

下面的代码行做了所有它被要求做的事情，除了一件事，它不会改变所选链接的颜色，但它会根据要求为其分配背景。它是 WordPress 主题的一部分。

#rack #header #nabar ul li a {
    color: #FFC;
}


#rack #header #mainNav ul li.current-menu-item {
    height: 21px;
    width: auto;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 4px solid #EBF3EE;
    background-color: #EBF3EE;
    float: left;
    position: relative;
    padding-bottom: 19px;
    color: #000;
}

Answer 1

假设选定的节点标记有一个a标签，我建议将a标签定位在选定的 li 内。这应该足以覆盖您的基本a标记属性。

#rack #header #mainNav ul li.current-menu-item a {
    color: #000;
}