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>

任何人都可以看到问题吗？它应该可以在不向 sub 添加类的情况下工作<ul>。:-)

谢谢你。

Answer 1

您可以使用：

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

但是您必须在 cufon 导入之前包含 jQuery 才能使用此类选择器。

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