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

ここで、セレクターは、 の直接の子である の直接の子である に>のみ適用されます。aliul.containingMenu

↪ JSFiddle でこの例の動作を参照してください。

于 2012-06-02T10:41:13.680 に答える