jQuery로 메뉴에서 테두리 제거

Question

드롭 다운 메뉴가있는 탐색 기능이 있습니다. 이제는 드롭 다운 메뉴 항목이 오른쪽과 왼쪽에 테두리가 있지만 드롭 다운 항목의 마지막 항목에는 테두리가 오른쪽 싶지 않습니다. 사용 예를 들어 가리킬 때

HTML

<ul id="mainNav"> 
<li> 
    <a href="#">Link1</a> 
    <ul class="dropDown" style="dislay:none;"> 
    <li><a href="link.html">SubLinkA</a></li> 
    <li><a href="link.html">SubLinkB</a></li> 
    </ul> 
</li> 
<li> 
    <a href="#">Link2</a> 
    <ul class="dropDown" style="dislay:none;"> 
    <li><a href="link.html">SubLinkC</a></li> 
    <li><a href="link.html">SubLinkD</a></li> 
    </ul> 
</li> 
<li> 
    <a href="#">Link3</a> 
    <ul class="dropDown" style="dislay:none;"> 
    <li><a href="link.html">SubLinkE</a></li> 
    <li><a href="link.html">SubLinkF</a></li> 
    </ul> 
</li> 
</ul> 

CSS

.dropDown li { 
border: 1px solid black; 
} 

은 이제 드롭 다운을 표시 LINK3. 그 드롭 다운에서 이제 양쪽에 경계선이 있지만 나는 border-right : 0을 갖고 싶습니다. SubLinkF 링크가있는 li 항목에 있습니다. 이전 드롭 다운 li 항목에도 동일하게 적용됩니다.

이 $ ('. dropDown li : last')와 같은 jQuery를 넣으면 .css (border-right : 0); 그것은 매우 마지막 리 항목 :(도움을

감사에서 국경을 푼다!

는

Answer 1

는 모든 리튬을 원한다, 당신은 마지막 리튬 요소를 원하지 않는

$('.dropDown:last li').css(border-right:0); 

에 코드를 변경

마지막 UL 요소에 -elements

이

Answer 2

당신이 다음 CSS에서 "마지막"처럼 마지막 UL에 클래스를 추가해야합니다..

.last > li { border-right: 0 }

나는 강력하게 당신이 CSS가 아니라 자바 스크립트에서 경계를 제거해야한다고 생각합니다.