CSS :last-of-type 选择器的反义词是什么？

Question

CSS 选择器:last-of-type选择该类型的最后一个元素。有没有办法让我选择类型最后一个元素之前的所有内容？

Answer 1

您可以使用:not(:last-of-type)

div span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #000;
}

div span:not(:last-of-type) {
  background: red;
}

<div>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
</div>