html - css - 只有最后一个子类型选择器(只有一个)

Question

我需要选择类型为 <div> 的最后一个子项包含在“#myDiv”中

    <div id="myDiv">
        <div>
            <img>
            <div>
                <div>text</div>
                <div>text</div>
            </div>
            <div>divFooter</div>
        </div>
        <hr>
        <div>
            <img>
            <div>
                <div>text</div>
                <div>text</div>
            </div>
            <div>divFooter</div>
        </div>
        <hr>
        <div>
            <img>
            <div>
                <div>text</div>
                <div>text</div>
            </div>
            <div>divFooter</div> <!-- I WANT ONLY THIS -->
        </div>
        <hr>
    </div>

我尝试了很多 :nth-last-child 的组合, :last-child , :last-of-type , :nth-last-of-type() ，但不幸的是我不能只选择最后一个 div(只有一个)

Answer 1

要选择 #myDiv 的最后一个 div grandchild，您需要使用两组带有 :last- 的子组合器类型选择器:

#myDiv > div:last-of-type > div:last-of-type