JSFiddle - React, Tailwind, and code Playground

HTML

<div>
Change Color
<span></span>
</div>

CSS

div{
 width:200px;
 height:30px; 
color:black;    
}

span
{
float:right;
width:30px;
 height:30px;
display:block;
 background:black;      
}

div:hover
{
color:red                 
}

div:hover span
{
background:red                 
}