Kom ihåg mig?

Problem med "child".

Ämnesverktyg Visningsalternativ
Oläst 2017-04-29, 15:59 #1
Danne Vendels avatar
Danne Vendel Danne Vendel är inte uppkopplad
Medlem
 
Reg.datum: Mar 2007
Inlägg: 136
Danne Vendel Danne Vendel är inte uppkopplad
Medlem
Danne Vendels avatar
 
Reg.datum: Mar 2007
Inlägg: 136
Question 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
Danne Vendel är inte uppkopplad   Svara med citatSvara med citat
Oläst 2017-04-29, 16:13 #2
fabians avatar
fabian fabian är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Jul 2004
Inlägg: 2 162
fabian fabian är inte uppkopplad
Klarade millennium-buggen
fabians avatar
 
Reg.datum: Jul 2004
Inlägg: 2 162
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/
fabian är inte uppkopplad   Svara med citatSvara med citat
Oläst 2017-04-29, 16:17 #3
Danne Vendels avatar
Danne Vendel Danne Vendel är inte uppkopplad
Medlem
 
Reg.datum: Mar 2007
Inlägg: 136
Danne Vendel Danne Vendel är inte uppkopplad
Medlem
Danne Vendels avatar
 
Reg.datum: Mar 2007
Inlägg: 136
Citat:
Ursprungligen postat av fabian Visa inlägg
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!!! :-)
Danne Vendel är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 
Ämnesverktyg
Visningsalternativ

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 17:10.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017