JSFiddle - React, Tailwind, and code Playground

by Mojtaba Sabeti

HTML

<table>
			<tbody><tr class="striped"><td>striped</td><td>striped</td></tr>
			<tr class="more"><td>more</td><td>more</td><!--
			<tbody--></tr><tr class="striped"><td>striped</td><td>striped</td></tr>
			<tr class="more"><td>more</td><td>more</td><!--
			<tbody--></tr><tr class="striped"><td>striped</td><td>striped</td></tr>
			<tr class="more"><td>more</td><td>more</td><!--
			<tbody--></tr><tr class="striped"><td>striped</td><td>striped</td></tr>
			<tr class="more"><td>more</td><td>more</td><!--
			<tbody--></tr><tr class="striped"><td>striped</td><td>striped</td></tr>
			<tr class="more"><td>more</td><td>more</td><!--
			<tbody--></tr><tr class="striped"><td>striped</td><td>striped</td></tr>
			<tr class="more"><td>more</td><td>more</td><!--
			<tbody--></tr><tr class="striped"><td>striped</td><td>striped</td></tr>
			<tr class="more"><td>more</td><td>more</td><!--
			<tbody--></tr><tr class="striped"><td>striped</td><td>striped</td></tr>
			<tr class="more"><td>more</td><td>more</td><!--
			<tbody--></tr><tr class="striped"><td>striped</td><td>striped</td></tr>
			<tr class="more"><td>more</td><td>more</td></tr>
		</tbody></table>

CSS

tr:nth-child(4n+1) {
  background: red;
}