帶有下拉問題的標籤菜單與背景圖片

Question

我有一個下拉菜單，當我翻轉下拉菜單時出現。唯一的問題是我的主列表的背景圖像也顯示爲子菜單列表的背景。

下面是我的css來指定翻轉標籤背景。但我假設，因爲高科技用戶仍然滾過該<li>標籤背景顯示在所有子<li>

CSS：

#main_menu ul li:hover a { 
    background: url(images/right_tab_bg.png) top right no-repeat; 
    color: #578ba0; 
} 

#main_menu ul li:hover a span { 
    background: url(images/left_tab_bg.png) top left no-repeat; 
} 

有沒有辦法告訴上面的css來僅實現父母<a>或<span>？

Answer 1

更具體通過直接後代選擇你的選擇（我假設，那就是頂級列表中的UL是什麼#main_menu是直系後裔）：

#main_menu > ul > li:hover > a /* select only the parent li's a */ 
#main_menu > ul > li li a /* select any child li's a, excluding the top level li */