JSFiddle - React, Tailwind, and code Playground

by vadimkot

HTML

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

CSS

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