JSFiddle - React, Tailwind, and code Playground

HTML

<p>Привет!</p>
<div>
    
</div>

CSS

div:after {
    display: block;
    content: "";
    width: 100px;
    height: 100px;
    background: red;
}

p:hover + div:after {
    background: green;
}