JSFiddle - React, Tailwind, and code Playground

by cse330

HTML

<ul class="movies">
    <li>Finding Nemo</li>
    <li>Monsters, Inc.</li>
    <li>Cars</li>
    <li>Toy Story</li>
    <li>The Incredibles</li>
</ul>

<ul class="games">
    <li>Settlers of Catan</li>
    <li>Dominion</li>
    <li>Twilight Struggle</li>
    <li>Power Grid</li>
    <li>Puerto Rico</li>
</ul>

CSS

ul.movies li:nth-child(2n){
    color: blue;
}

.required{
    color: red;
}

JavaScript

Ext.onReady(function(){
    Ext.select("ul.games li:nth-child(2n)").addClass("required");
});