JSFiddle - React, Tailwind, and code Playground
by oilvier
HTML
<ul class="foo">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<ul class="bar">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
CSS
.foo:not(.bar) > li + li {
color: red;
}
by oilvier
<ul class="foo">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<ul class="bar">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
.foo:not(.bar) > li + li {
color: red;
}