[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

[fabian]

Prova

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

https://css-tricks.com/the-differenc...d-nth-of-type/

[Danne Vendel]

Ursprungligen postat av fabian

Prova

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

https://css-tricks.com/the-differenc...d-nth-of-type/

En miljon tack!!!! Funkade galant!!! :-)