JSFiddle - React, Tailwind, and code Playground

by Sir_Pepe

HTML

<div id="foo">
    <span>Span</span>
    <span>Span</span>
    <div>Div</div>
    <span>Span</span>
    <div>Div</div>
    <div>Div</div>
    <span>Span</span>
    <div>Div</div>
    <span>Span</span>
    <div>Div</div>
    <span>Span</span>
    <div>Div</div>
</div>

CSS

#foo span, #foo div { display: block; margin: 1em; }


/* :nth-child OHNE Element */
/*#foo :nth-child(2n+1){ color: red; }*/

/* :nth-child MIT Element */
/*#foo span:nth-child(2n+1){ color: red; }*/

/* :nth-of-type */
/*#foo span:nth-of-type(2n+1){ color: red; }*/