WN - Problem med "child".

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Problem med "child". (https://www.wn.se/forum/showthread.php?t=1068160)

Problem med "child".

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

Prova

Kod:

.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/

Citat:

Ursprungligen postat av fabian (Inlägg 20522958)

Prova

Kod:

.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!!! :-)