Bootstrap菜单栏悬停颜色保留在父元素中

Question

我覆盖了Bootstrap菜单栏的css，用于在父元素中进行鼠标悬停。只有背景颜色变化不会改变文字颜色。

这是我的css

ul.nav > li:hover {
    color: #FFFFFF !important;
    background-color: #337AB7 !important;               
}

ul.nav li li:hover {
        text-color: white !important;
        background-color: #337AB7 !important;               
}

提前致谢。

Answer 1

更改文字颜色的属性为color而非文字颜色

ul.nav > li:hover {
    color: #FFFFFF !important;
    background-color: #337AB7 !important;               
}

ul.nav li li:hover {
        color: white !important;
        background-color: #337AB7 !important;               
}

Answer 2

尝试更改pmt_infs[0].extend(nodes) 内#pside{ padding-right:16%; } 标记的“颜色”，如下所示，

<a>

Answer 3

我找到了解决方案。

ul.nav li:hover > a {
                color: #ffffff !important;
                background-color: #337AB7 !important;               
            }

由于