JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parentdiv">
	<span class="click" tabindex="-1"></span>
	<div class="childdiv">
		<span>Внутренний элемент</span>
	</div>
</div>

CSS

.parentdiv {
	
	position: relative;
}
.childdiv {
	border: 10px solid red;
}
.click {
	position: absolute;
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
	cursor: pointer;
}
.click:focus + .childdiv{
	border: 10px solid black;
}