JSFiddle - React, Tailwind, and code Playground
HTML
<ul>
<li><div class="inner"></div></li>
<li><div class="inner"></div></li>
</ul>CSS
li { width: 20px; height: 20px; background: red; }
.inner { width: 10px; height: 10px; background: yellow; }
li:hover { background:blue; }
.inner:hover { background:black; }