javascript - Cufon(jQuery？)选择器不选择子项

Question

我有一个非常基本和常用的列表菜单，其中有一个子菜单:

<ul>
    <li>Home</li>
    <li>
        About
        <ul id="sub-menu">
            <li>Child1</li>
            <li>Child2</li>
        </ul>
    </li>
</ul>

然后我有一个 Cufon 选择器将字体应用到菜单:

Cufon.replace('ul li a');

有没有办法只选择第一级菜单而忽略其他？现在两个级别都有字体，但我想为子菜单使用其他字体。

我是 Javascript、Cufon 和 jQuery 的初学者，我尝试使用子选择器，但我没有成功。我怎样才能做到这一点？

Answer 1

您的 JavaScript 库似乎使用了 CSS 样式的选择器；你可以使用

<ul class='containingMenu'>
 <li>Home</li>
 <li>
    About
    <ul id="sub-menu">
        <li>Child1</li>
        <li>Child2</li>
    </ul>
 </li>
</ul>

使用这个选择器

ul.containingMenu > li > a

其中 > 导致选择器仅应用于 a，它们是 li 的直接子代ul.containingMenu。

↪ See this example in action at JSFiddle .