UL/LI css中最後一個孩子的使用

Question

我有一個網站，我正在建設，我正在爲它做一個菜單。

我的問題是，我創建菜單之間的分隔符，我希望最後一個菜單選項不會有分隔符。的CSS

代碼：

div#menu ul { 
top:5px; 
position: relative; 
list-style-type: none; 
height: 80px; 
width: 900px; 
margin: auto; 
} 
div#menu li{ 
float:left; 
} 
div#menu ul a { 
position: relative; 
background-image: url(divider.png); 
background-repeat: no-repeat; 
background-position: right; 
padding-right: 49px; 
padding-left: 49px; 
display: block; 
text-decoration: none; 
font-family: Verdana; 
font-size: 14px; 
color: #001B24; 
} 
div#menu ul > li:last-child { 
background-image: none !important; 
} 

這是HTML：

<ul> 
<li><a href="#">Bemutatkozó</li></a> 
<li><a href="#">Kínálatunk</li></a> 
<li><a href="#">Referenciáink</li></a> 
<li><a href="#">Kapcsolat</li></a> 
<li><a href="#">Előjegyzés</li></a> 
</ul> 

我什麼都試過，但背景圖像不會消失的最後一個孩子。請幫忙:) Thx提前！

Answer 1

該圖像似乎在li元素的a後代元素上，而不是li本身。這就是說，你可以嘗試，而不是：

div#menu ul > li:last-child a { 
    background-image: none; 
} 

Answer 2

的Drupal 7，這個工作對我來說：

div#navigation ul#main-menu.links > li:last-child a { 
    background-image: none; 
}