JSFiddle - React, Tailwind, and code Playground

by paulftw

HTML

<div class=parent><div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div></div>

CSS

.parent:hover div {
  color: red;
}

.parent div:hover ~ div {
  color: black;
  cursor: pointer;
}

div {
  display: inline-block;
}