JSFiddle - React, Tailwind, and code Playground

HTML

<ul class = "one">
<li class = "one">one</li>
<li class = "two">two</li>
</ul>



<ul class = "four">
<li class = "three">three</li>
<li class = "four">four</li>
</ul>

CSS

.one > .one,
.two > .two
.three > .three,
.four > .four
{
  color: red
}