JSFiddle - React, Tailwind, and code Playground

HTML

<div class="foo">
  <ul>
    <li>One</li>
    <li>Two</li>
    <ul>
</div>
<div class="bar">
  <ul>
    <li>Three</li>
    <li>Four</li>
  </ul>
</div>
<div class="foo">
  <ul>
    <li>One</li>
    <li>Two</li>
    <ul>
</div>
<div class="bar">
  <ul>
    <li>Three</li>
    <li>Four</li>
  </ul>
</div>
<div class="foo">
  <ul>
    <li>One</li>
    <li>Two</li>
    <ul>
</div>
<div class="bar">
  <ul>
    <li>Three</li>
    <li>Four</li>
  </ul>
</div>

JavaScript

$("li:not(.foo li)").css('background-color', 'red');