html - 如何使用 CSS 选择第一个后代

Question

我有这个片段

       <li class="overview">
            <a href="...">
                <span class="txt">Link 1</span>  
            </a>
            <ul class="sub-menu">
                <li class="navBI">
                    <a href="...">
                       <span class="txt">Link 2</span>
                    </a>
                </li>
            </ul>
        </li>

我只想选择Link 1但我找不到答案。我试过.overview .txt了，但它也选择了 Link 2。我对 CSS 组合器不太熟悉。

我也试过了.overview > a > .txt。

有什么我想念的吗？

标签： htmlcss

Answer 1

       <li class="overview">
            <a href="...">
                <span id=“text” class="txt">Link 1</span>  
            </a>
            <ul class="sub-menu">
                <li class="navBI">
                    <a href="...">
                       <span class="txt">Link 2</span>
                    </a>
                </li>
            </ul>
        </li>

#text {
Stuff: stuff;
}

可以用身份证吗？它是在 .js 中生成的吗？