JSFiddle - React, Tailwind, and code Playground

by Ian Roberts

HTML

<section class="stories">
<article class="teaser">A</article>
<article class="teaser">B</article>
<article class="teaser">C</article>
<article class="teaser">D</article>
<article class="teaser">E</article>
<article class="teaser">F</article>
<article class="teaser">G</article>
<article class="teaser">H</article>
<article class="teaser">I</article>
<article class="teaser">J</article>
</section>

CSS

article {
    width: 100px;
    height: 20px;
    border: 1px solid #000;
    margin: 0 0 4px 0;
    background: #f00;
}
article.grey {
    background: #ccc;
}

JavaScript

// addClass to nth childs
$('.stories article.teaser:nth-child(2n)').addClass('grey');