父菜单项对文本颜色没有反应

Question

当子菜单项处于活动状态时，其父菜单应该看起来相同。但是，我不知道为什么，父项仅对background-color: #83bf17做出反应，但对color: #6B4A38;没有反应。

实例：http://solutionsmvo.nazwa.pl/projekt/kama/lecznica/

CSS：

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus,
.current-menu-parent {
    color: #6B4A38;
    background-color: #83bf17;   
}

编辑 抱歉，忘记提及!important无效。

Answer 1

您需要将此作为目标：

.navbar-default .navbar-nav > li.current-menu-parent > a{
    color:#6b4a38;
}

这应该有用。

Answer 2

!important使用color，如下所示：

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus,
.current-menu-parent {
    color: #6B4A38 !important;
    background-color: #83bf17;   
}

编辑：尝试评论以下课程的颜色

.navbar-default .navbar-nav > li > a {
    /* color: #83bf17;*/
    display: block;
    font-size: 1.25em;
    font-weight: 700;
    padding: 15px 30px;
    text-transform: uppercase;
}

Answer 3

你有一个更具体的选择器覆盖

 .navbar-default .navbar-nav > li > a {
     color: #83bf17;
     ....;
}

所以你应该删除它，以便元素继承color属性的父级值

Answer 4

尝试.current-menu-parent a {如果要获得颜色，则必须定位a。并且只定位直接后代a使用.current-menu-parent > a {如果之间没有元素（我检查过它们之间没有元素）。

除了未定位a之外还有另一个问题，即使选择器中包含a，您也会使用过于特定的选择器来覆盖颜色。

Answer 5

尝试添加：

a.dropdown-toggle {
color: #6B4A38 !important;
}