改變背景顏色當鼠標懸停

Question

比方說，我有一個帶有鏈接的導航欄：

  <div class="navbar-inner navlinks"> 
       <ul class="nav"> 
        <li><a class="brand" href="#"><img src="img/logo.png" /></a></li> 
        <li> <a href="#">Accueil</a></li> 
        <li> <a href="#">Ouvrez</a></li> 
        <li> <a href="#">Decouvrir</a></li> 
       </ul> 
      </div> 

這是使用Twitter的白手起家做，這樣的鏈接坐在導航欄容器內，並都向左浮動作爲塊元素，就像你在典型的導航欄中看到的那樣。整個導航欄有我的navlinks類中定義的藍色背景色。它的高度遠高於鏈接的文字高度。

我想要的是鏈接改變整個「區域」的背景顏色時，他們是懸停在。現在，當我添加懸停選項和背景顏色更改時，它只會更改鏈接所在文本的背景區域，這幾乎不明顯。我希望它也可以在下一個鏈接之前更改上方，下方和文本右側的空間顏色。我認爲Twitter將此作爲一個塊元素來處理會做到這一點，但它似乎並不奏效。

Answer 1

或者，你可以定義導航的高度通過向'a'標籤添加填充而不是'li'，然後使用常規的#menu a：hover。

Answer 2

我不知道你實際上是在問，但如果你要添加一個懸停到錨a:hover也許你只需要使用懸停在鏈接li:hover{}