JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

div{
	width:400px;
	height:400px;
	border:1px black solid;
}
p{
	width:200px;
	height:200px;
	border:1px black solid;
}
div:hover:not(p){
	background:black;
}