JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">
    <div>
        <span class="foo">hello </span>
        <span class="bar">world</span>
    </div>
</a>

CSS

.foo, a:hover .bar, a {
    text-decoration:none;
}
a:hover .foo {
    text-decoration: underline;
}