JSFiddle - React, Tailwind, and code Playground

by Josh Eastburn

HTML

<div class="items">
    <div>Item 1</div>
    <div>Item 2</div>
    <div><span class="subitem">Item 3a</span> <span>Item 3b</span></div>
    <div>Item 4</div>
    <div>Item 5</div>
    <div>Item 6</div>
</div>
<div>Item A <span class="subitem">Item A2</span></div>
<div>Item B</div>
<div>Item C</div>

CSS

.items > div:nth-child(3n) {
    background-color: green;
}

JavaScript

var Example = (function () {
    var deferred = $.Deferred();

    setTimeout(function () {
        deferred.resolve();
    }, 5000);

    $.when(deferred)
        .done(function () {
        //console.log('done');
    })
        .fail(function () {
        //console.log('failed'); 
    });
    
    var example = {};
    
    return example;
})();