JSFiddle - React, Tailwind, and code Playground

by aslancods

HTML

<div id="menu" >
    <a href="#">link link</a>
</div>



<div id="wrong" >
    <a href="#" class="link">link link</a>
</div>

CSS

#menu a {
    color: #fff;
}
#menu  {
    background-color: #000;
    
    margin-bottom: 10px;
}

#menu:hover a {
    color: #000;
}
#menu:hover  {
    background-color: #fff;
}


#wrong {
    background: #000;
}
#wrong a {
    color: #fff;
}
#wrong:hover {
    background-color: #fff;
}
#wrong .link {
    color: #000;
}