JSFiddle - React, Tailwind, and code Playground

HTML

<div class="area">1</div>
    <div class="area">2</div>
    <div class="area">3</div>
    <div class="area">4</div>

SCSS

.area{
  height: 100px;
  width: 100px;
  background-color: white;
  &:first-child{
    background-color: red;
  }
  &:last-child{
    background-color: blue;
  }
}