JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="class-a">xxx</div>
  <div class="class-a">xxx</div>
  <div class="class-b">xxx</div>
  <div class="class-b">xxx</div>
  <div class="class-b">xxx</div>
  <div class="class-b">xxx</div>
  <div class="class-b">xxx</div>
  <div class="class-b">xxx</div>
  <div class="class-c">xxx</div>
  <div class="class-c">xxx</div>
  <div class="class-c">xxx</div>
</div>

CSS

.class-b{
    color: red;
}
.class-a + .class-b,
.class-a + .class-b + .class-b,
.class-a + .class-b + .class-b + .class-b,
.class-a + .class-b + .class-b + .class-b + .class-b{
    color: blue;
}