JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>D</li>
    <li class="class1">A</li>
    <li class="class1 class2">B</li>
    <li class="class1">C</li>
    <li class="class1">D</li>
</ul>

<ul>
    <li class="class1">E</li>
    <li class="class1 class2">F</li>
    <li class="class1">G</li>
</ul>

<ul>
    <li class="class1 class2">H</li>
    <li class="class1">I</li>
    <li class="class1">J</li>
</ul>

CSS

li[class="class1"] {
    color: red;
}

li[class="class1"] ~ li[class="class1"] {
    color: black;
}