最后的类型和最后的孩子

Question

HTML：

<div class="plan-box">
    <h3>...</h3>
    <p>...</p>
</div>

<div class="plan-box">
    <h3>...</h3>
    <p>...</p>
</div>

CSS ：

.plan-box:last-of-type {
    ...
}

在上面的CSS代码中，如果我在last-of-type上使用last-child或.plan-box css选择器，则会在last-child div中选择.plan-box该段落还是会在HTML代码中选择第二个.plan-box div？

Answer 1

.plan-box:last-child选择plan.box元素的最后一个

.plan-box :last-child选择所有plan.box元素中的最后一个元素

Css Selectors

Answer 2

它会在HTML代码中选择第二个.plan-box div。

请参阅Link here

您可以使用 CSS 轻松选择任何子div。例如Here 我在这里.plan-box:nth-child(2) {}用于选择第二个div。