JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tab-content">
<ul id="list">
<li class="product">one</li>
<li class="product">two</li>
<li class="product">three</li>
<li class="product">four</li>
<li class="product">five</li>
</ul>
</div>

CSS

ul:hover .product{background: green;}
ul:hover li:hover{background: none;}