Question

我需要选择包含在＆＃34;＃myDiv＆＃34;

中的<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

要选择div的最后#myDiv 孙子，您需要使用两组带有:last-of-type选择器的子组合器：

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

css - 只有最后一个子类型选择器（只有一个）

1 个答案: