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