css - 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 才能使用此类选择器。

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