Проблемы с выбором 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> 

Может кто-нибудь увидеть проблему? Он должен работать без добавления класса к sub <ul>. :-)

спасибо.

Answer 1

Вы можете использовать:

но вы должны включить JQuery перед импортом cufón для того, чтобы использовать такой селектор.

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