JSFiddle - React, Tailwind, and code Playground

by Michael Mandarino

HTML

<div class="parent">
  <div class="dog">
    dog
  </div>
  <div class="cat">
    cat
  </div>
  <div class="cat">
    cat
  </div>
  <div class="cat">
    cat
  </div>
  <div class="dog">
    dog
  </div>
  <div class="dog">
    dog
  </div>
  <div class="dog">
    dog
  </div>
  <div class="dog">
    dog
  </div>
  <div class="dog">
    dog
  </div>
  <div class="dog">
    dog
  </div>
  <div class="dog">
    dog
  </div>
  <div class="dog">
    dog
  </div>
  <div class="cat">
    cat
  </div>
  <div class="cat">
    cat
  </div>
  <div class="cat">
    cat
  </div>
  <div class="dog">
    dog
  </div>
</div>

CSS

.parent .dog:nth-child(odd of .dog) {
 background-color: orange;
}