JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

a:hover {
    font-weight: bold;
}
a:hover .bar {
    font-weight:normal;
}