JSFiddle - React, Tailwind, and code Playground

by Alexey Lisovy

HTML

<div class="d1">
  <div class="d2">d2</div>
  <div class="blabla">blabla</div>
  <div class="d2">d2</div>
  <div class="blabla">blabla</div>
  <div class="blabla">blabla</div>
  <div class="d2">d2</div>
  <div class="blabla">blabla</div>
  <div class="blabla">blabla</div>
  <div class="blabla">blabla</div>
  <div class="blabla">blabla</div>
  <div class="d2">d2</div>
</div>

CSS

.d1 .d2:nth-of-type(2n)
  {
    background:red;
  }
.d1 .d2:nth-of-type(2n-1)
  {
    background:blue;
  }