Cufon 선택기 문제

Question

Cufon (http://cufon.shoqolate.com/generate/)을 사용하여 메뉴의 일부 텍스트를 바꿉니다.

문제는 첫 번째 <li>의 첫 번째 스타일 만 지정하면됩니다. <ul>.

내가 사용 시도

다음 > 구분자로

Cufon.replace('#menu ul li > a', { fontFamily: 'Christopherhand', hover: { color: '#99c635'}}); 

,하지만 작동하지 않습니다. 아직 대체 #menu ul li ul li a

이 내 마크 업입니다 :

<div id="menu"> 
    <ul> 
     <li class="current"> 
      <a href="#1">About JW</a> 
      <ul> 
       <li><a href="#2">Subpage 1</a></li> 
       <li><a href="#3">Subpage 2</a></li> 
       <li><a href="#4">Subpage 3</a></li> 
       <li><a href="#5">Subpage 4</a></li> 
      </ul> 
     </li> 
     <li><a href="#2">Our Products</a></li> 
     <li><a href="#3">Best Recipes</a></li> 
     <li><a href="#4">Health &amp; Diet</a></li> 
     <li><a href="#5">Our Ads</a></li> 
    </ul> 
</div> 

사람이 문제를 볼 수 있을까요? 서브 클래스 <ul>에 클래스를 추가하지 않아도 작동합니다. :-)

고맙습니다.

Answer 1

당신은 사용할 수 있습니다

Cufon.replace('#menu > ul:first > li:first > a'); 

하지만 당신은 그런 선택기를 사용하기 위해 cufon 가져 오기 전에 jQuery를 포함해야합니다.

http://wiki.github.com/sorccu/cufon/usage