What is the opposite of the CSS :last-of-type selector?

Question

The CSS selector :last-of-type selects the last element of the type. Is there a way for me to select everything which comes before the last element of the type?

Answer 1

You can use :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>

Answer 2

I saw the :not operator in another answer and then tried this and it worked well. Not sure if there is a performance difference.

:nth-last-child(n+2)