Zebra Streifen alle zwei TRs in einer Reihe mit CSS.

7

Ich möchte alle zwei Zeilen in einer Zeile grau / stripen. Es ist schwer zu erklären. Hier ist ein Bild ::
  | - ^ - ^ - ^ - ^ - ^ - |
  | - ^ - ^ - ^ - ^ - ^ - |
  | -------------

  | -------------

  | - ^ - ^ - ^ - ^ - ^ - |
  | - ^ - ^ - ^ - ^ - ^ - |
  | -------------

  | -------------

  | - ^ - ^ - ^ - ^ - ^ - |
  | - ^ - ^ - ^ - ^ - ^ - |
  | -------------

  | -------------

    
Johnston 14.04.2013, 20:40
quelle

4 Antworten

23

So? Ссылка

%Vor%     
Jaa-c 14.04.2013, 20:46
quelle
3

Ändern Sie dies nach Ihren Wünschen, es sollte funktionieren

%Vor%     
Dincă Alexandru 14.04.2013 20:49
quelle
1

Wenn Sie eine Zeile für die Header haben, fügen Sie thead und tbody hinzu und ändern Sie css zu:

%Vor%     
Sunchaser 05.10.2013 15:44
quelle
0

Damit dies richtig funktioniert, muss n in nth-child() identisch sein, aber Sie ändern das, was Sie in n hinzufügen. In diesem Fall können die Nummern nur eine Nummer auseinander liegen. Sie benötigen also 4n+1 und 4n , oder 4n+2 und 4n+3 , etc.

Geige

    
Cody Guldner 14.04.2013 20:50
quelle

Tags und Links