JSFiddle - React, Tailwind, and code Playground

HTML

<a class="parent">
    Parent text
    <span>
        Child text
    </span>    
</a>

CSS

.parent {
    padding:50px;
    border: 1px solid black;
}
.parent span {
    position:absolute;
    top:200px;
    padding:30px;
    border: 10px solid green;
}
.parent:hover span:not(:hover) {
    border: 10px solid red;
}