Проблемы с селектором Cufon - PullRequest
Новая
       24

Проблемы с селектором Cufon

2 голосов
/ 21 мая 2010

Я использую 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>. : -)

Спасибо.

1 Ответ

2 голосов
/ 21 мая 2010

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

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

, но вы должны включить jQuery перед импортированием cufon, чтобы использовать такой селектор.

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

...