JSFiddle - React, Tailwind, and code Playground

by JakobJingleheimer

HTML

<div class="container">
  <span class="item"></span>
  <span class="item"></span>
  <span class="item"></span>
  <span class="item"></span>
  <span class="item"></span>
</div>

CSS

.item {
  background-color: orange;
  display: inline-block;
  height: 1em;
  width: 1em;
}

.item:nth-child(-n+1) {
  background-color: red;
}