JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<h1></h1>
<p></p>
</div>

CSS

div{padding:10px;
  width:300px;
  border:1px black solid;
}
h1{  border:1px black solid;
  height:100px;
}
p{  border:1px black solid;
  height:100px;
}
h1:hover + p{
  background: black;
}