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.