我正在尝试更改 boostrap 下拉菜单中活动链接的颜色和背景颜色。
我已经覆盖了引导程序的 @dropdownLinkColorActive 和 @dropdownLinkBackgroundActive 变量,但这没有效果。
".navbar-inverse .nav .active > a" 的 css 接管,如萤火虫所示:
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
background-color: #FFFFFF;
color: #4D4D4F;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
background-color: #16A170;
background-image: linear-gradient(to bottom, #17AA76, #149466);
background-repeat: repeat-x;
color: #FFFFFF;
outline: 0 none;
text-decoration: none;
}
为什么 .navbar-inverse 类覆盖 .dropdown-menu 类?