JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
  <div>block</div>
  <div>block</div>
  <div>block</div>
  <div class="child">block</div>
  <div>block</div>
  <div class="child">block</div>
  <div>block</div>
  <div class="child">block</div>
</div>

CSS

.parent div.child {
  color:orange ;
}

.parent div:nth-child(odd)  {
color:black ;
}