2

我有一个带有子菜单的非常基本且常用的列表菜单：

<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 的初学者，我尝试使用子选择器，但我没有运气。我怎样才能做到这一点？

4

1 回答 1

2

您的 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。

↪在 JSFiddle 上查看这个示例。

于 2012-06-02T10:41:13.680 回答