2

ナビゲーションには次の構造があります…</p> 

<ul role="navigation">
    <li class="page_item page-item-2">
        <a href="#">Sections</a>
        <ul class="children">
            <li class="page_item"><a href="#">One</a></li>
            <li class="page_item"><a href="#">Two</a></li>
            <li class="page_item"><a href="#">Three</a></li>
        </ul>
    </li>
    <li class="page_item page-item-6">
        <a href="#">About</a>
        <ul class="children">
            <li class="page_item"><a href="#">Contact</a></li>
            <li class="page_item"><a href="#">Members</a></li>
            <li class="page_item"><a href="#">Become Member</a></li>
            <li class="page_item"><a href="#">Whatever</a></li>
        </ul>
    </li>
</ul>

<a>外側のリスト要素内のそれぞれの最初の出現を非表示にするにはどうすればよいですか? 私の場合、私が話している<a href="#">Sections</a>のは<a href="#">About</a>

と思いました

ul li > a { display:none; }

また

ul > li > a { display:none; }

トリックを行う必要がありますが、すべてが隠されています。

4

2 に答える 2

4

これは、すべてのas が s の子であるlis の子であるためulです。

トップレベルulには があるrole="navigation"ため、次を選択できます。

ul[role="navigation"] > li > a { display:none; }
于 2013-03-15T10:14:18.823 に答える
0

最も簡単で効率的な方法は、のようなクラスを追加することだと.hidden {display: none;}思いますが、外部にクラスを追加して、次のようにすることもできますul。

.ul-outer-class > li > a { display: none; }

また、属性セレクターを使用するよりも効率的です。

于 2013-03-15T10:47:13.443 に答える