JSFiddle - React, Tailwind, and code Playground

by burhans

HTML

<ul> 
    <li> 
      <h1 id="logo">Logo</h1> 
    </li> 
 
    <li class="blueberry"> 
      <a href="#">Products</a> 
    </li> 
 
    <li class="active"> 
      <a href="#">Parts</a> 
    </li> 
 
    <li> 
      <a href="#">Resources</a> 
    </li> 
  </ul>

CSS

li.active:hover 
{
    background-color: Red;
}

li.blueberry:hover
{
    background-color: lightBlue;
    color: White;
}