HTML 메뉴 구분 기호

Question

버튼 오른쪽에 구분 기호를 삽입하고 싶지만 하위 메뉴에서는 원하지 않는 메뉴가 있습니다. HTML :

<ul id="nav" class ="pull-right"> 

    <ul id="menu-menu1" class="sf-menu sf-vertical"><li id="menu-item-278" class="wordpress-classes"><a href="http://localhost/wordpress/">HOME</a> 
      <ul class="sub-menu"> 
       <li id="menu-item-314" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-296"><a href="http://localhost/wordpress/">Home</a></li> 
       <li id="menu-item-303" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-296"><a href="http://localhost/wordpress/?page_id=57">Products</a></li> 
       <li id="menu-item-302" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-296"><a href="http://localhost/wordpress/?page_id=63">Dreams</a></li> 
       <li id="menu-item-301" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-296"><a href="http://localhost/wordpress/?page_id=106">Vouchers</a></li> 
      </ul> 
     </li> 
     <li id="menu-item-285" class="wordpress-classes"><a href="?page_id=66">Plans</a> 
      <ul class="sub-menu"> 
       <li id="menu-item-294" class="wordpress-classes"><a href="http://localhost/wordpress/?page_id=66">Travels</a></li> 
       <li id="menu-item-293" class="wordpress-classes"><a href="http://localhost/wordpress/?page_id=103">Pricings</a></li> 
     </li> 
    </ul> 
</ul> 
</ul> 

CSS (내가 삽입 할 것을) : 그들은 워드 프레스에 있기 때문에

background-image: url(images/sep_menu.jpg); 
    background-repeat: no-repeat; 
    background-position: right; 

내가 클래스를 만들 수 없습니다. 수업은 다음과 같습니다.

menu-item menu-item-type-post_type menu-item-object-page menu-item-294 

어떻게해야합니까? 감사!

Answer 1

#menu-menu1 li { 
    background-image: url(images/sep_menu.jpg); 
    background-repeat: no-repeat; 
    background-position: right; 
} 

#menu-menu1 ul li { 
    background-image: none; 
} 

Answer 2

당신은 jQuery를 함께이 방법으로이 작업을 수행 할 수 있습니다

$(function() { 
    $('ul:eq(0) li').css({ 
    'background-image': 'url(images/sep_menu.jpg) right no-repeat' 
    }); 
});