JSFiddle - React, Tailwind, and code Playground

by lchau

HTML

<ul>
  <li class="something">Lorem ipsum dolor sit amet.</li>
  <li class="something">Lorem ipsum dolor sit amet.</li>
  <li class="something">Lorem ipsum dolor sit amet.</li>
  <li class="something">Lorem ipsum dolor sit amet.</li>
  <li class="something">Lorem ipsum dolor sit amet.</li>
  <li class="something">Lorem ipsum dolor sit amet.</li>
  <li class="something">Lorem ipsum dolor sit amet.</li>
  <li class="something new">HELLO</li>
  <li class="something new">Lorem ipsum dolor sit amet.</li>
  <li class="something new">Lorem ipsum dolor sit amet.</li>
  <li class="something new">Lorem ipsum dolor sit amet.</li>
  <li class="something new">Lorem ipsum dolor sit amet.</li>
  <li class="something new">Lorem ipsum dolor sit amet.</li>
  <li class="something new">Lorem ipsum dolor sit amet.</li>
</ul>

CSS

.something.new:first-child, :not(.new) + .something.new { 
    color: red;
}