仅最后一个子类型选择器(只有一个)

Question

我需要选择包含在"#myDiv"中的<div>类型的最后一个子级

    <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孙子，您需要将两组子运算器与:last-of-type选择器一起使用：

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