JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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