Cufon 选择器问题答案

【问题标题】：Cufon selector problemsCufon 选择器问题
【发布时间】：2010-05-21 07:45:55
【问题描述】：

我正在使用 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> 添加类的情况下工作。 :-)

谢谢。

【问题讨论】：

标签： css css-selectors cufon

【解决方案1】：

你可以使用：

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

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

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

【讨论】：

这修复了它。我在没有 li:first 的情况下使用它 - 现在它可以正常工作了！谢谢:-)