JSFiddle - React, Tailwind, and code Playground

by persianturtle

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{
border: 10px solid red;
}   

.parent span:hover{
border: 10px solid green;
}