Html 下拉切换背景色的问题

当我使用

Bootstrap-navbar

时，我在我的

Django项目中遇到了一个小问题

我有一个
下拉切换菜单
和
悬停效果
，它使黑色
下拉菜单背景色
。但当我把鼠标放在其他地方时，背景色变成白色而不是黑色

在我的脚本中，我没有克服把它改成黑色的困难

为了说明我的问题，我放了两个截图：


第二屏：


此部分的HTML脚本如下所示：

<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="navbar-header">
                    <a class="navbar-brand" href="http://www.datasystems.fr/"> DatasystemsCORE </a>
                </div>


                <ul class="nav navbar-nav">
                    <li><a class="dropdown-toggle" href="{% url "accueil" %}"> <span class="glyphicon glyphicon-home"></span> Accueil </a></li> 
                    {% if user.is_authenticated %}
                    <li class = "dropdown">
                        <a href = "#" class = "dropdown-toggle" data-toggle = "dropdown">
                            <span class="glyphicon glyphicon-info-sign"> </span> Informations Institution
                            <b class = "caret"></b>
                        </a>
                            <ul class = "dropdown-menu">
                                <li><a href = "{% url "InstitutionFormulaire" %}"> <span class="glyphicon glyphicon-pencil"></span> Créer/Editer les informations de l'institution </a></li>
                                <li><a href = "{% url "InstitutionResume" %}"> <span class="glyphicon glyphicon-home"></span> Consulter les informations de l'institution </a></li>
                            </ul>
                    </li>


                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <span class="glyphicon glyphicon-file">
                        </span>  Gestion des Fiches d'Identifications <b class="caret"></b></a>
                        <ul class="dropdown-menu">

                            <li><a href="{% url 'Home' %}"> <span class="glyphicon glyphicon-home"></span> Accueil Fiches d'Identifications</a></li>
                            <li><a href="{% url 'Statistiques' %}"> <span class="glyphicon glyphicon-cog"></span> Statistiques</a></li>

                            <li class="dropdown-submenu">

                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    <span class="glyphicon glyphicon-user"></span>
                                    </span> Partie Individus 
                                </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="{% url "IndividuFormulaire" %}">Création Fiches d'Identifications </a></li>
                                        <li><a href="{% url "IndividuRecherche" %}">Recherche Fiches d'Identifications</a></li>
                                        <li><a href="{% url "Consultation" %}">Consultation Fiches d'Identifications</a></li>
                                        <li><a href="{% url "IdentityChoice" %}">Edition partielle Fiches d'Identifications</a></li>
                                        {% if request.user|has_group:"admin" %}
                                        <li><a href="{% url "Edition" %}">Edition Fiches d'Identifications</a></li>
                                        <li><a href="{% url "Suppression" %}">Suppression Fiches d'Identifications</a></li>
                                        {% endif %}
                                    </ul>
                            </li>

尝试使用“重要”选项，可能存在其他冲突：

ul.dropdown-menu > li.dropdown-submenu:hover > a.dropdown-toggle, 
a.dropdown-toggle:hover {
    background-color: black !important;
    color : white;
}
/* Gestion de chaque ligne du menu sans sous-menu */
ul.dropdown-menu > li:hover > a{
    background-color: black !important;
    color: white;
}

很抱歉使用mobi设置了错误的格式…请告诉我发生了什么
我找到了解决方案，我得到了：

ul.dropdown-menu > li.dropdown-submenu:hover > a.dropdown-toggle,
a.dropdown-toggle:hover, a.dropdown-toggle:visited {
    background-color: black !important;
    color : white;
}

它之所以有效，是因为我添加了
访问
选择器
它似乎不起作用。如果我在其他地方设置鼠标，则选择下拉菜单获取白色背景色：/ok因此，使用鼠标是否获取白色背景当我在下拉菜单中设置鼠标时，我获取黑色悬停背景色。这就是我想要的。但是，当我在页面的主要内容中设置鼠标时，没有单击其他地方，下拉菜单“获取白色背景色”：“尝试使用焦点和鼠标悬停”我找到了解决方案，它已被访问
ul.dropdown-menu > li.dropdown-submenu:hover > a.dropdown-toggle,
a.dropdown-toggle:hover, a.dropdown-toggle:visited {
    background-color: black !important;
    color : white;
}