JSFiddle - React, Tailwind, and code Playground

by Bright RYMER

HTML

<div class="parent">
    <div class="child">1</div>
    <div class="child">2</div>
    <div class="child">3</div>
    <div class="child">4</div>
    <div class="child">5</div>
    <div class="child">6</div>
    <div class="child">7</div>
    <div class="child">8</div>
    <div class="child">9</div>
    <div class="child">10</div>
</div>

CSS

.parent .child {
	display: block;
}
.parent .child:nth-child(n+5){
	display: none;
}