html - Last-Of Type 和 Last-Of-Child

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 代码中，如果我在 .plan-box 上使用 last-of-type 或 last-child CSS 选择器，那么在作为段落的 .plan-box div 中选择 last-child 还是选择第二个 .plan-box div HTML 代码？

Answer 1

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

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

Css Selectors