JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
    <a href="">link</a>
    <a href="">link</a>
    <a href="">link</a>
    <a href="" class="current">link</a>
    <a href="">link</a>
</nav>

CSS

a,
nav:hover a{
    display: inline-block;
    padding: 5px 15px;
    background-color: #777;
    color: #fff;
    text-decoration: none;
    font: 20px Arial, Tahoma, sans-serif;
}
.current{
       background-color: #222;
}
nav:hover a:hover{
    background-color: #555;
}