UL/LI css의 마지막 자식의 사용

Question

나는 건물을 짓고있는 웹 사이트가 있는데, 나는 그것을위한 도구 모음을 만들고있다.

제 문제는 메뉴 사이에 구분 기호를 만들었고 마지막 메뉴 옵션에 구분 기호가 없기를 바랍니다. 는 CSS의

코드 :

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

내가 모든 노력을하지만, 배경 이미지는 늘 마지막 자식 사라 :

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로입니다. 도와주세요 :) Thx 사전에!

Answer 1

이미지가 li이 아닌 요소의 하위 요소 인 a에있는 것 같습니다. 그 대신, 시도 할 수 말했다

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

Answer 2

드루팔 7, 이것은 나를 위해 일한 : 그것에 대해

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