Hej!
Har html som ser ut så här:
Kod:
<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:
Kod:
.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