:not(:last-of-type) example

index.html

<div class="card">
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
  </ul>
</div>

not-last-of-type-example.markdown

:not(:last-of-type) example

A Pen by Robin Rendle on CodePen.

License.

style.scss

html,
body {
  height: 100%;
}

body {
  display: grid;
  place-items: center;
}

.card {
  border: 1px solid #eee;
  box-shadow: 1px 1px 4px hsla(0, 0, 0, 0.4);
  border-radius: 3px;
  min-width: 600px;
  padding: 20px;
}

ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

ul li {
  background-color: hsla(0, 0, 0, 0.3);
  color: white;
  padding: 4px;
}

ul li:not(:last-of-type) {
  margin-bottom: 20px;
}