Bootstrap 4 为什么我不能在引导元素上悬停？

我试图在引导程序中悬停一个元素。我使用

！重要信息

但它不起作用

Html

<nav class="navbar navbar-default navbar-fixed-top">
  <div class="collapse navbar-collapse">
    <ul class="nav navbar-nav" role="tablist">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">HTML</a></li>
        <li><a href="#">CSS</a></li>
        <li><a href="#">About</a></li>        
    </ul>
  </div>
</nav>

---

您必须通过添加css选择器的完整路径来覆盖引导css，如下所示

.navbar-default .navbar-nav li a{
  color: black !important;
}

.navbar-default .navbar-nav li a:hover{
    background-color: #b0b0b0;
    color: red;
}

.navbar灯.navbar导航.nav链接{
颜色：黑色！重要；
}
.导航栏灯.导航栏导航.导航链接：悬停{
背景色：#B0；
颜色：红色；
}

代码正确。但是需要更多的信息来弄清楚这里发生了什么。你使用框架吗？我只使用引导库，不清楚它在哪里不可悬停（如何不能悬停），或者它不会改变悬停的样式。制作一个包含在文章中的可运行代码片段可能会更好

.navbar-default .navbar-nav li a{
  color: black !important;
}

.navbar-default .navbar-nav li a:hover{
    background-color: #b0b0b0;
    color: red;
}