JSFiddle - React, Tailwind, and code Playground

by Timmy Willison

HTML

<ul>
    <li class="lvl1">First Item</li>
    <li class="lvl1" id="item2">Second Item
        <ul>
            <li class="lvl2">Sub Item 1</li> 
            <li class="lvl2">Sub Item 2 
                <ul>
                    <li class="lvl3">Deep Item</li>
                </ul>
            </li>
            <li class="lvl2">Sub Item 3</li>
        </ul> 
    </li> 
    <li class="lvl1">Third Item</li> 
    <li class="lvl1">Fourth Item</li>
</ul>

CSS

ul { margin: 1em; }
ul { list-style-type: disc; }
.highlight { background-color: yellow; }

JavaScript

// Enter in Firebug Lite:
//jQuery('.lvl1:nth-child(2) ul .lvl2:first-child').addClass('highlight');