JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="list">
   <li><a class="underline" href="Lingua%20Franca.html">Lingua Franca</a></li>
   <li><a class="underline" href="Within%20Within.html">Within Within</a></li>
   <li><a class="underline" href="Kind%20Pockets.html">Kind Pockets</a></li>
</ul>

CSS

.list a.underline {
    display: block;
    text-decoration: none;
}
.list li .underline:first-letter(2) {
    text-decoration: underline;
}
.list li:not(:hover) .underline:first-letter {
    text-decoration: none;
}