ナビゲーションタブの背景色を変更する方法

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