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

Cufon选择器问题

1 个答案: