UL/LI css中最后一个子项的用法

我有一个网站，我正在建设，我正在为它做一个菜单栏

我的问题是，我在菜单之间创建了分隔符，我希望最后一个菜单选项没有分隔符

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>

我尝试了所有的方法，但是在最后一个孩子身上，背景图像不会消失。请帮忙：）

---

提前谢谢

图像似乎位于

li

元素的

a

子元素上，而不是

li

本身。也就是说，您可以尝试：

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

---

Drupal 7，这对我很有用：

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

---

谢谢。事情就是这样，最后一个孩子的事情对我来说是未知的领域。再次感谢您的帮助！