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的{{1}}个li的直接子项ul.containingMenu。

↪See this example in action at JSFiddle。

Cufon（jQuery？）选择器不选择孩子

1 个答案: