如何更改导航选项卡的背景颜色[重复]

Question

<div class="navbar-header">
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"></button>
   <span class="icon-bar"></span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>                        
  <a class="navbar-brand" href="#">Portfolio</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
  <ul class="nav navbar-nav">
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Gallery</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</div>

这是我的代码。当用户将鼠标悬停在选项卡上时，如何更改选项卡颜色？我希望颜色是绿色的。

Answer 1

.navbar-nav li:hover{
  background-color: green;
}

将仅针对 .navbar-nav 类中的 <li> 标记。 :hover 是一个伪选择器。

http://www.w3schools.com/Css/css_pseudo_classes.asp

Answer 2

CSS：

selector:hover { 
 background: color;
}