Css 在Bootstrap中，如何更改其父级为透明的下拉菜单标题的背景色？

我搜索了整个互联网，但没有一个解决方案有效

我想做什么？

我想更改下拉菜单标题的背景色

HTML:

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"> Blackbird </a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#"> Search </a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Sign In/Up <b class="caret"></b></a>
                    <ul class="dropdown-menu" class="dropdownMenu">
                        <li><a href="#"> Sign Up </a></li>
                        <li><a href="#"> Sign In </a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-left">
                <li class="seperator"><a href="#" class="not-active"></a></li>
                <li><a href="#"> Article </a></li>
                <li><a href="#"> Contact </a></li>
            </ul>
        </div>
    </div>
</nav>

/* Neither does this work: */

.dropdown {

    background-color: #E32636;
}

/* Nor this: */

/* .navbar .navbar-default .navbar-nav .dropdown-menu li > a {

       background-color: #E32636;
   }
*/

---

检查此工作代码：

.navbar nav>li.dropdown.open a、.navbar nav>li.dropdown.open a:focus、.navbar nav>li.dropdown.open a:hover{
背景色：#E32636；
}
.navbar nav>li>。下拉菜单{
背景色：#E32636；
}

切换导航

检查此工作代码：

.navbar nav>li.dropdown.open a、.navbar nav>li.dropdown.open a:focus、.navbar nav>li.dropdown.open a:hover{
背景色：#E32636；
}
.navbar nav>li>。下拉菜单{
背景色：#E32636；
}

切换导航

或者，如果你真的不想添加一个新的ID或类，你可以像这样查询元素

navbar navbar-collapse>ul>li:nth-child(2)>a{
  background-color: #f60;
}

或者，如果你真的不想添加一个新的ID或类，你可以像这样查询元素

navbar navbar-collapse>ul>li:nth-child(2)>a{
  background-color: #f60;
}

---

这将：

.navbar.navbar-default.navbar导航.下拉菜单li>a

。请参见

.navbar

和

.navbar default

之间没有空格。如果仍然不起作用，请添加

！重要信息

tag to color属性。我想更改下拉菜单标题的背景色，而不是您在图片中看到的下拉菜单。我想将下拉菜单标题的银色更改为其他颜色。我刚刚指出了您的问题。下拉菜单中的标题是什么？“登录/注册”单击时，其颜色为银色。我想将其更改为其他颜色。请参见我在问题中提供的图片。这将：

.navbar.navbar-default.navbar.dropdown menu li>a

。请参见

.navbar

和

.navbar default

之间没有空格。如果仍然不起作用，请添加

！重要信息

tag to color属性。我想更改下拉菜单标题的背景色，而不是您在图片中看到的下拉菜单。我想将下拉菜单标题的银色更改为其他颜色。我刚刚指出了您的问题。下拉菜单中的标题是什么？“登录/注册”单击时，其颜色为银色。我想将其更改为其他颜色。请参阅我在问题中提供的图片，您会明白这一点。

navbar navbar-collapse>ul>li:nth-child(2)>a{
  background-color: #f60;
}