html - 如何更改 Bootstrap 导航栏中的链接背景颜色

Question

我想知道当我将鼠标悬停在 Bootstrap 导航栏中的链接上时如何更改背景颜色

html:

<nav class="navbar navbar-fixed-top">
  <div class="container-fluid">
    <ul class="nav navbar-nav">
      <li><a href="#about">About me</a></li>
      <li><a href="#portfolio">Portfolio</a></li>
      <li><a href="#contact">Contact</a></li>
    </ul>

  </div>
</nav>

CSS:

.navbar{
  background-color:#ff9900;
}
.navbar-nav > li > a{
  color:white;
  font-size:16px;
  font-weight:bold;
}

.navbar-nav > li > a:hover{
  color:blue;
  background-color:#ff9900;
}
.navbar-default .navbar-nav > li > a:focus {
  color:blue;
  background-color:#ff9900;
}

Answer 1

改变这个

.navbar-nav > li > a:hover{
  color:blue;
  background-color:#ff9900;
}

对此:

.navbar-nav > li > a:hover{
  color:blue;
  background-color:#ff9900 !important;
}