JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="parent">
  <li class="first">Text 1</li>
  <li class="second">Text 2
    <ul class="child">
      <li class="first-child">Text 2.1.</li>
      <li class="second-child">Text 2.2.</li>
    </ul>
  </li>
  <li class="third">Text 3
    <ul class="child">
      <li class="fourth-child">Text 3.1.</li>
      <li class="fifth-child">Text 3.2.</li>
    </ul>
  </li>
  <li class="fourth">Text 4</li>
  <li class="fifth">Text 5</li>
</ul>

CSS

.second .child:hover li {
    background: green;
}