JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
   <div class="grupa-1"> Klasa: GRUPA 1  </div>
   <div class="grupa-1"> Klasa: GRUPA 1 </div>
   <div class="grupa-2"> Klasa: GRUPA 2  </div>
   <div class="grupa-2"> Klasa: GRUPA 2  </div>
   <div class="grupa-2"> Klasa: GRUPA 2  </div>
   <div class="grupa-1"> Klasa: GRUPA 1 </div>
</div>

CSS

.wrapper > .grupa-2{
    color: red;
}
.wrapper > .grupa-2 ~ .grupa-2{
    color: black;
}