JSFiddle - React, Tailwind, and code Playground

by shelly jindal

HTML

<div class="parent">
    <div class="section">Section</div>
    <div class="section">Section</div>
    <div class="ignoreMe">IgnoreMe</div>
    <div class="section">Section</div>
    <div class="section">Section</div>
    <div class="section">Section</div>
    <div class="section">Section</div>
<div class="section">Section</div>
    <div class="section">Section</div>
    <div class="section">Section</div>
    <div class="section">Section</div>
</div>

CSS

.parent .section
{
    background-color: red;
}

.parent .section:nth-of-type(2n+1)
{
    background-color: yellow;
}