爲什麼我不能用行動選擇與後代元素

這裏是什麼，我認爲將是簡單的CSS一個簡單的HTML（注意兩個項目是鏈接和兩個都不是）：爲什麼我不能用行動選擇與後代元素

<html> 
    <head> 
    <style> 
     li.menu:hover { 
     background-color: #0ff; 
     } 

     li.menu a { 
     background-color: #0f0; 
     } 

     li.menu a:hover { 
     background-color: #00f; 
     } 
    </style> 
    </head> 
    <body> 
    <ul> 
     <li class="menu"><a>item1</a></li> 
     <li class="menu"><a>item2</a></li> 
     <li class="menu">item3</li> 
     <li class="menu">item4</li> 
    <ul> 
    </body> 
</html>

現在，火狐瀏覽器，這工作正如我所料，但在Chrome（v24）它沒有。

我期望item1和item2在上面沒有徘徊時具有#0f0（綠色）顏色，在徘徊時具有#00f（藍色）顏色。但他們始終是綠色的（在Chrome中）！那麼爲什麼:hover適用於item3和item4，但不適用於item1和item2？

有沒有一種方法可以在Chrome中使用，而且還是這麼簡單？

來源

2013-02-20 zmilojko

似乎在FF工作 – 2013-02-20 10:18:49

@KevinBowersox - 你說得對。編輯問題指出它只是關於Chrome。還會在一個文件中創建一個示例，以便於測試...真的很奇怪，Chrome不喜歡這樣。 – zmilojko 2013-02-20 10:26:31

似乎可以在FF和Chrome v24上使用（[示例]（http://codepen.io/anon/pen/iydrz））。 – 2013-02-20 10:30:50

定義li:hover a:hover它應該工作。

來源

2013-02-20 15:54:45

爲什麼我不能用行動選擇與後代元素

回答

相關問題