nth-child(3n) in DIV

[Michi]

jetzt habe ich noch eine weitere Frage:

ich möchte jedes dritte DIV mit einer anderen Hintergrundfarbe hinterlegen, doch irgendwie geht es nicht so, wie ich mir das gedacht habe?

.book:nth-child(3n){
background:#ff0000;
}

Michi

[Gunther]

Hi!

jetzt habe ich noch eine weitere Frage:

ich möchte jedes dritte DIV mit einer anderen Hintergrundfarbe hinterlegen, doch irgendwie geht es nicht so, wie ich mir das gedacht habe?

.book:nth-child(3n){
background:#ff0000;
}

Google hätte dir weitergeholfen, u.a. mit http://css-tricks.com/how-nth-child-works/.

Du möchtest:

.book:nth-child(3n+3) {...}  

Gruß Gunther

[Michi]

Hi!

jetzt habe ich noch eine weitere Frage:

ich möchte jedes dritte DIV mit einer anderen Hintergrundfarbe hinterlegen, doch irgendwie geht es nicht so, wie ich mir das gedacht habe?

.book:nth-child(3n){
background:#ff0000;
}

Google hätte dir weitergeholfen, u.a. mit http://css-tricks.com/how-nth-child-works/.

Du möchtest:

.book:nth-child(3n+3) {...}

>   
>   
> Gruß Gunther  
  
Ok, aber auch so wird es nicht angezeigt. es ist so als ob es nicht existiert. Hat es vieleicht etwas damit zu tun, das es kein li bzw. td ist?  
  

[Gunnar Bittersmann]

@@Michi:

nuqneH

Ok, aber auch so wird es nicht angezeigt.

Natürlich nicht.

Hat es vieleicht etwas damit zu tun, das es kein li bzw. td ist?

Nein.

Aber sollen wir rumraten, womit es zu tun hat? Oder willst du vielleicht das zugrundeliegende Markup zeigen? Link zur Seite?

Qapla'

[Gunnar Bittersmann]

@@Gunther:

nuqneH

Google hätte dir weitergeholfen, u.a. mit http://css-tricks.com/how-nth-child-works/.

Die Spec hätte dir weitergeholfen.

Du möchtest:
.book:nth-child(3n+3) {...}

Nein.

:nth-child(3n)   selektiert das 3., 6., 9., … Element (da es kein 0. gibt).
:nth-child(3n+3) selektiert das 3., 6., 9., … Element.

Beides tut also dasselbe.

Das ändert sich erst mit:
:nth-child(3n+6) selektiert das 6., 9., … Element.

Qapla'