JSFiddle - React, Tailwind, and code Playground

by Shree Khanal

HTML

<div id="holder">       
    <div class="A">A</div>
    <div class="A">A</div>
    <div class="A">A</div>
    <div class="B">B</div>
    <div class="B">B</div>
    <div class="B">B</div>
    <div class="B">B</div>
    <div class="C">C</div>
    <div class="C">C</div>
    <div class="C">C</div>
    <div class="C">C</div>
    <div class="C">C</div>
</div>

CSS

.first
{
   background-color: red;
}

JavaScript

$(".A:first").addClass('first')
$(".B:first").addClass('first')
$(".C:first").addClass('first')