JSFiddle - React, Tailwind, and code Playground

by Mehmet Yener

HTML

<div id="second-menu-navi" class="navi">
       
            <a href="" id="tab-1">Why Choose Us</a>
            <a href="" id="tab-2">Physicians</a>
            <a href="" id="tab-3">Medical Specialties</a>
            <a href="" id="tab-4">Locations</a>
            <a href="" id="tab-5">Urgent Care</a>
            <a href="" id="tab-6">Radiology</a>
            <a href="" id="tab-7">Lab</a>
        </div>
</div>

CSS

#tab-1:hover
{
    background-color:green;
    color:red;
}

#tab-2:hover
{
    background-color:aqua;
    color:orange;
}