2013-07-26 3 views
0

탐색 사이에 구분 기호가 설정되어 있지만 마지막 메뉴 항목 이후에 표시하지 않습니다.배열의 wp_nave_menu에서 마지막 'after'를 제거합니다.

이 문제를 해결하려면 자바 스크립트를 작성해야합니까?

당신은 내가 여기에 무슨 말인지 볼 수 있습니다 gofish2o.davelaphamblog.com

<?php wp_nav_menu( 
    array(
     'theme_location'=>'header-menu', 
     'after' => '<img src="'.get_bloginfo('template_url').'/images/seperator.png"/>' 
    )); 
?> 
+0

CSS3에서 http://www.w3schools.com/cssref/sel_last-child.asp last-child 선택기를 시도 할 수 있습니다. – Jonnny

+0

멋지다! CSS3에서 벗어나려고 노력 중입니다. 가능한 다른 방법은 없습니까? – David

답변

0

CSS3에서 벗어나지 말고 받아 들여야합니다. 웹을 앞으로 옮기고 Internet Explorer에서 멈추지 말아야합니다.

어쨌든 여기를 해결할 수있는 몇 가지 방법이 있습니다. 나는 개인적으로 그냥 이미지를 사용하여 반대 목록 요소에 테두리 오른쪽을 만들 것입니다 CSS

를 사용하여 제거합니다 jQuery를

#menu-main li:last-child img{ 
    display:none; 
} 

사용하여 제거합니다

jQuery('#menu-main li:last-child img').remove(); 
jQuery('#menu-main li:last-child img').css({display : 'none'}); 

.

+0

큰 포인트! 그들은 국경이 될 것 인 것의 실제로 다른 높이다. 그리고 그들은 그들에게 약간의 퇴색을 가지고있다. – David

+0

아하. 나는 라인을 자세히 보지 않았다. 이 링크는 막내 아이에 대한 브라우저 지원을 표시합니다. CSS에 마지막 자식 의사 선택기를 사용하여 걱정할 필요가 없습니다. [지난 어린이 브라우저 지원] (http://caniuse.com/#search=last-child) – Steve

0

난 그냥 당신이 노크.

ul#main_nav li:last-child > img {display:none} 

괜찮은 것으로 보입니까? 알려줘. 스타일 시트에 추가하기 만하면됩니다.

관련 문제