JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<div class="wrapper">

  <div class="row">
    line 1 (should be red)
  </div>
  <div class="notrow">
    line 1.5 not row
  </div>
  <div class="row">
    line 2
  </div>
  <div class="row">
    line 3 (should be red)
  </div>
  <div class="row">
    line 4
  </div>
</div>

CSS

.row:nth-child(odd) {
  background: red;
}