css skal lave baggrund på hver anden

Tags:    css

<< < 12 > >>
Jeg har noget kode her : http://jsfiddle.net/hEU47/

Det er meningen at hver anden .filholder skal have en baggrundsfarve.
Men nu har jeg så nogen <div id="x" style="display:none;">x</div> hist og her som ødelægger det.

Er der en måde hvor jeg kan ignorer dem med id="x" sådan at det kommer til at være hveranden af dem man kan se som får baggrundsfarve ?



14 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma
Sorter efter stemmer Sorter efter dato
Du skal pille dem helt ud af din DOM. Enten via jquery eller ved bare at slette dem.



Hvad er grunden til dem ind i mellem ikke også kan have klassen filholder?



nth-child er et select som selectes på childs og ikke den måde scootergrisen bruger den.

Se her

Fx kan den bruges på lister hvor du siger ul:nth-child(odd) også rammer det alle childs under den liste. Den selecter også de elementer som har display:none og derfor skal de pilles helt ud af DOM.

Se specifikation her



Indlæg senest redigeret d. 24.06.2012 01:37 af Bruger #15754
Jeg kan godt prøve og se om jeg kan lave min kode om så jeg ikke har andet end dem med class filholder.

Dem uden filholder class det er nogen thumbnails holdere der skal være der hvis det er en billedefil som vises så den er der ikke hvergang.

Er det her forkert brug af nth-child ? :
http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_nth-child

Forstår ikke helt hvordan man skal bruge det.
Fordi på linket der tælles h1 også med som en child selvom man har angivet p.

Hvordan gør man så den kun ændre baggrund på p nummer 2 ?

Har lavet lidt om på koden for at prøve noget andet.
Lad os sige jeg vil kun tælle alle div's men ignorer alle span's hvordan gør jeg det ? :
http://jsfiddle.net/PHgsN/3/



Indlæg senest redigeret d. 24.06.2012 01:26 af Bruger #13010
Jeg er lidt i tvivl faktisk.

Prøv og se her den opfører sig lidt underligt ift. mine selects.

Man kan fx gøre p:nth-child(2n) som gør følgende (eksempel)
(2 x 0) = 0
(2 x 1) = 2 = 2. element
(2 x 2) = 4 = 4. element
(2 x 3) = 6 = 6. element
(2 x 4) = 8 = 8. element
osv.

p:nth-child(2) vælger bare den anden p ser det ud til.



Jan > Der er vist en fejl på linie 1 i CSS koden på dit links
Fold kodeboks ind/udCSS kode 


Men skal det ikke hedde ? :
Fold kodeboks ind/udCSS kode 




Med mellemrum virker det som at den defaulter til bare at selecte alle childs.

.a:nth-child vælger alle child nodes om man så specificere li eller ej.



Ok nu fik jeg da noget til at virke som jeg ville... næsten : http://jsfiddle.net/hEU47/6/

Men der har jeg så lavet de skjulte div's om til span's.




Ok nu fik jeg da noget til at virke som jeg ville... næsten : http://jsfiddle.net/hEU47/6/

Du burde kunne ændre din css til: (selvfølgelig medmindre du bruger class'en filholder uden fro div's og ikke vil have at den skal styles på samme måde).

Fold kodeboks ind/udCSS kode 




Indlæg senest redigeret d. 25.06.2012 22:06 af Bruger #2126
Christina > Det virker ikke hvis jeg har andre div'er som jeg ikke ønsker skal tælle med : http://jsfiddle.net/hEU47/10/



<< < 12 > >>
t