how to access css class after finishing

Question

My solution doesn't work if I want to hide the show items after first div is finished. I want to access showItem to put display:none;.

my solution

.hideChildren > .showItem {
    display: none;
}

<div class="hideChildren">
</div>
<div *ngFor="let item of items">
    <div class="showItem></div>
</div>