Html 答：使用引导时，悬停不起作用

所以出于某种原因，我的悬停CSS不起作用。我正在使用引导与他们的一些css。我的代码是否有问题，或者是因为引导的代码覆盖了我的代码

HTML

---

这是因为默认的引导样式是

以下是您需要覆盖的选择器：

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  color: #333;
  background-color: transparent;
}

因此，您可以使用：

---

如果看不清楚到底发生了什么，您遇到的问题可能与未在无序列表中指定类有关

这可能会解决以下问题：

ul.navbar-nav > li > a {
color:black;
padding: 15px;
}

ul.navbar-nav > li > a:hover {
    background-color: #B0B0B0;
    color:red;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  color: #333;
  background-color: transparent;
}

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

ul.navbar-nav > li > a {
color:black;
padding: 15px;
}

ul.navbar-nav > li > a:hover {
    background-color: #B0B0B0;
    color:red;
}