如何使CSS属性适用于Bootstrap Navbar中的所有内容？

Question

我在Bootstrap 3中有一个Navbar，并希望其下拉列表的背景与导航栏的颜色相同。除了.navbar之外，我现在没有明确地设置任何颜色。如何实现这一目标？

Answer 1

试试这个

.navbar{
  background-color:pink;
  background-image:none;
}
.navbar-nav>li>.dropdown-menu{
  background-color:pink;
}
.navbar-nav>li>.dropdown-menu>li{
  margin:0;
  padding:0;
}
.navbar-nav>li>.dropdown-menu>li>a{
  line-height:30px;
}
.navbar-nav>li>.dropdown-menu>li>a:hover{
  background-color:red;
}

这是一个有效的pen。