html - 选择有或没有容器的第一个 parent

Question

我怎样才能只选择第一个 parent ul (这里有类(class) selectMe )，有或没有 <div>在 <nav> 之间还有他们 ？我需要在 ul 中没有任何类(class)的情况下进行。

<nav>
    <ul class="selectMe">
        <li><a>Hello</a></li>
        <li>
            <ul>
                <li><a>World</a></li>
            </ul>
        </li>
    </ul>
    <ul class="selectMe">
        <li><a>Hello</a></li>
        <li>
            <ul>
                <li><a>World</a></li>
            </ul>
        </li>
    </ul>
</nav>

.

<nav>
    <div class="container">
        <ul class="selectMe">
            <li><a>Hello</a></li>
            <li>
                <ul>
                    <li><a>World</a></li>
                </ul>
            </li>
        </ul>
        <ul class="selectMe">
            <li><a>Hello</a></li>
            <li>
                <ul>
                    <li><a>World</a></li>
                </ul>
            </li>
        </ul>
    </div>
</nav>

Answer 1

如何为每种情况使用不同的选择器，并将两者结合起来？

案例1:只选择第一个 parent <ul>没有<div> :

nav > ul

请注意 >表示紧接在下一级的 child 。

案例2:只选择第一个 parent <ul>与 <div> :

nav > div > ul

结合两种情况:您可以通过添加 , 来结合使用这两种情况:

nav > ul, nav > div > ul