jquery - 如何更改导航选项卡的背景色

This question already has answers here:

div background color, to change onhover
                                
                                    （10个回答）
                                
                        
                                3年前关闭。
            
                    

<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>

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

最佳答案

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

仅定位<li>类中的.navbar-nav标记。 :hover是伪选择器。

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