html - 为什么 :last-child 选择器停止在添加不同的 div 时应用

Question

您好，我正在尝试理解:last-child选择器，但它无法按我预期的那样工作

这是一个简单的代码示例

<div class="container">
  <div class="flex-50">
    <p> allo </p>
  </div>
  <div class="flex-50">
    <p> allo </p>
  </div>
  <div> allo </div>
</div>

.container
  .flex-50:last-child
    color: red

如果我删除最后一个无用div的，它是正确的红色，但带有div标签它不再是红色，即使在最后一个div标签中它也不是红色。

所以，我想我不明白:last-child我认为它会为我的控制器中命名的最后一个孩子着色，flex-50或者至少它会着色我所有的最后一个元素，flex-50但它也不是。

:last-child适用于谁？

标签： htmlcsssass