JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li>1<ul>
  <li>1</li>
  <li>1</li>
  <li>1<ul>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul></li>
  <li>1</li>
  <li>1</li>
</ul>
</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>

CSS

ul{
  list-style:none;
}
ul li:hover{
  background-color:pink;
}