JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<div class="test"> one </div>
<div class="test"> two </div>
<div class="test"> three </div>
<div class="test"> four </div>
<div class="test"> five </div>
<div class="test"> six </div>
<div class="test"> three </div>
<div class="test"> four </div>
<div class="test"> four </div>
<div class="test"> five </div>
<div class="test"> six </div>
<div class="test"> five </div>
<div class="test"> six </div>

CSS

.test {
            background: #ff4040;
            color: #fff;
            display: block;
            font-size: 15px;
      }
       .test:nth-last-child(-n+3) {
    background: black;
}