JSFiddle - React, Tailwind, and code Playground

HTML

<div>
      <p class="foo">.foo</p>
      <p class="bar">.bar</p>
    </div>

CSS

div:hover :not(:hover) {
    color: red;
}
p { display:inline-block; }