JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    ...
    <div class="menu">
        <ul>
            <li>
                <a class='test' href="#">link1</a>
            </li>
            <li>
                <a class='test' href="#">link2</a>
            </li>
            <li>
                <a class='test' href="#">link3</a>
            </li>
        </ul>
    </div>
</div>

CSS

.container a {
    text-decoration: none;
    font-weight: bold;
    /* color: rgb(0, 230, 230); */
}

.container a:hover {
    text-decoration: underline;
    color: green;
}

/* .container a:visited {
    color: rgb(2, 0, 230);/
} */


.test {
  /* color: black; */
}