默认活动下拉菜单颜色不变

Question

我想将活动导航栏列表项的背景颜色更改为黑色。在应用我的自定义CSS代码时，活动导航栏主菜单项将其背景颜色更改为黑色，但活动导航栏下拉菜单项将保持其默认蓝色（不会更改为lass css属性中指定的黄色）。我附上我的自定义css代码来澄清我的问题。任何帮助表示赞赏。谢谢。

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
width: 100%;
margin: auto;
height: 850px;
}
body {
position: relative;
}
#section1 {padding-top:50px;height:500px;color: #fff; background-color: #1E88E5;}
#section2 {padding-top:50px;height:500px;color: #fff; background-color: #673ab7;}
#section3 {padding-top:50px;height:500px;color: #fff; background-color: #ff9800;}
#section41 {padding-top:50px;height:500px;color: #fff; background-color: #00bcd4;}
#section42 {padding-top:50px;height:500px;color: #fff; background-color: #009688;}
.navbar {
position:fixed;
top:0;
z-index:10;
width:100%;
opacity:0.8;
}
#nav-right li a {
background-color: green;
color: white;
opacity: 0.8;
}
#nav-right li a:hover{
background-color: black;
color: white;
}
#nav-right .active li a :not(.dropdown-menu) {
background-color: black;
color: white;
}
#drop-menu {
background-color: green;
}
#drop-menu li a:hover {
background-image:none;
}
#drop-menu .active li a {
background-color: yellow;
}