JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li class="show">
        <span class="show">test</span>
        <span class="show">test</span>
        <span class="hide">test</span>
        <span class="show">test</span>
        <span class="show">test</span>
        <span class="hide">test</span>
    </li>
</ul>

CSS

li.show *:not(.show) {
    color:red;
}