[Danne Vendel]

Hej!

Har html som ser ut så här:

<div class="container">
<div>
<h3>Första rubriken</h3>
<p>Första stycket.</p>
<h3>Andra rubriken</h3>
<p>Andra stycket.</p>
<h3>Tredje rubriken</h3>
<p>Tredje stycket.</p>
</div>
</div>

Jobbar med att anpassa för mobiler och behöver dölja första och andra h3 och p. Bara tredje rubriken och tredje stycket ska visas.

I stilmallen har jag:

.container div h3:nth-child(1), 
.container div h3:nth-child(2), 
.container div p:nth-child(1), 
.container div p:nth-child(2) {
display:none;
}

Men bara första rubriken döljs. Inget annat.
Vad gör jag för fel?

Mvh
Danne