JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>
    <a>Some anchor text</a>
    <div class="sub">Some div content</div>
  </li>
</ul>

CSS

li:hover {
    background-color: cyan;
}

a:hover {
    color: yellow;
    display: block;
}

a:hover + .sub {
    outline: 1px solid blue;
}

.sub:hover {
    color: red;
    outline: 1px solid red;
}