JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <div><span class="node test">Content1</span></div>
    </li>
    <li>
        <div><span class="node test">Content2</span></div>
    </li>
    <!-- but also: -->
    <li>
        <div><span class="node test">Content3</span>
            <ul>
                <li>
                    <div><span class="node">Content on 2nd level</span></div>
                </li>
            </ul>
        </div>
    </li>
</ul>

CSS

.node.test {
    color: red;
}
.node {
    color: blue;
}