JSFiddle - React, Tailwind, and code Playground

by Boba Poshtar

HTML

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li class="active">Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
  <li>Item 7</li>
  <li>Item 8</li>
  <li>Item 9</li>
  <li>Item 10</li>
</ul>

CSS

li.active { color: red; }

li.active + * + * + * { color: blue; }

li.active ~ * { background: orange; }