3

私は私のliの最初のアンカーを取得する方法を知っていますが、私のコードには同じクラスの2つのサブメニューがあり、最初のulだけが影響を受けるようにしたいのです。

    <div id="navigation">
        <ul>
            <li>
                <a href="#">Main menu</a>
                <ul class="sub-menu">
                    <li><a href="#">Sub menu</a>
                        <ul class="sub-menu">
                            <li><a href="#">Sub sub menu</a></li>
                            <li><a href="#">Sub sub menu</a></li>
                            <li><a href="#">Sub sub menu</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
4

3 に答える 3

1

すべての li 内のアンカーを意味すると仮定すると、次のようになります。

#navigation .sub-menu:first-child li:first-child a {
    background-color: yellow;
}

<div id="navigation">
    <ul class="sub-menu">
        <li> <a href="#">1<a/>
        </li>
            <li> <a href="#">1.1<a/>
        </li>
        <ul class="sub-menu">
            <li><a href="#">2<a/></li>
            <li><a href="#">3<a/></li>
            <li><a href="#">4<a/></li>
        </ul>
    </ul>
</div>

最初の ul に意図的に別の li を追加して、それが機能することを確認しました。

JSFiddle の例を参照してください: http://jsfiddle.net/rKynY/4/

ここに画像の説明を入力

于 2013-11-02T13:00:23.490 に答える