JSFiddle - React, Tailwind, and code Playground

by Pritam Bohra

HTML

<div class="grandfather">
	<div class="father">
		<p>Child 1</p>
		<p>Child 2</p>
		<p>Child 3</p>
		<p>Child 4</p>
		<p>Child 5</p>
		<div>Apple</div>
	</div>
</div>

CSS

.father > p {
	color: red;
}

p {
	color: green;
}

div:only-child {
	color: blue;
}