JSFiddle - React, Tailwind, and code Playground

by Rafael Nepomuceno

HTML

<div class="a">a</div>
<div class="b">b</div>
<div class="c">c</div>

CSS

div {
    font-size: 20px;
    cursor: pointer;
}

div.a:hover ~ div.c:after {
    content: ' some text from a';
}

div.b:hover ~ div.c:after {
    content: ' some text from b';
    color: #FF0000;
}  bv