JSFiddle - React, Tailwind, and code Playground

by Matt Hopkins

HTML

<ul>
    <li>
       <span class="item1-class">item 1</span>
       <span class="item2-class">item 2</span>
    </li>
    <li>
       <span class="item1-class">item 1 needs to be selected</span>              
       <span class="item2-class">item 2</span>
    </li>
    <li>
       <span class="item1-class">item 1</span>
       <span class="item2-class">item 2</span>
    </li>
    <li>
       <span class="item1-class">item 1</span>
       <span class="item2-class">item 2</span>
    </li>
</ul>

CSS

li:nth-of-type(2) .item1-class {
    color:red;
}