I am working on a section that contains multiple nested divs. Within each outer div, there are 3-4 inner divs. My goal is to hide only the first inner div of each outer div while still displaying some text.
section div div:nth-child(1){
display: none;
}
<section>
<div >
<div >
first inner div of first outer
</div>
<div>
<div >
some text
</div>
</div>
<div>
second inner div of first outer
</div>
</div>
<div >
<div >
first inner div of second outer
</div>
<div>
<div >
some text
</div>
</div>
<div>
second inner div of second outer
</div>
</div>
</section>
Unfortunately, I am unable to assign a class to any of the divs.
Any suggestions on how to achieve this would be greatly appreciated. Thank you.