Michi: nth-child(3n) in DIV

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

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

    1. 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?  
        
      
      
      1. @@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'

        --
        „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
    2. @@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'

      --
      „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)