2016-05-20 5 views
0

Ich möchte das 'Zebra' für jede Tabelle aussehen. Daher müssen die Hintergrundfarben, die für jede Tabelle bereits eingerichtet sind, wiederholt auftreten, nicht so solide wie sie jetzt sind. Wie mache ich es so, dass jede andere Tischreihe weiß ist?Wie stelle ich die Hintergrundfarbe für jede Tabelle wieder her?

http://jsfiddle.net/Lance_Bitner/v8buo90L/

.tabs > div table tr td { 
     background: rgba(232, 240, 250, .5); 
    } 
.tabs > div:nth-child(2) table tr td { 
     background: rgba(254, 217, 209, .5); 
    } 
.tabs > div:nth-child(3) table tr td { 
     background: rgba(230, 198, 229, .5); 
    } 

Antwort

1

Nein :nth-child(even) als so zu jeder Zeile hinzufügen, benötigt jquery nur und du bist fertig.

.tabs > div table tr:nth-child(even) td { 
    background: rgba(232, 240, 250, .5); 
} 

.tabs > div:nth-child(2) table tr:nth-child(even) td { 
    background: rgba(254, 217, 209, .5); 
} 

.tabs > div:nth-child(3) table tr:nth-child(even) td { 
    background: rgba(230, 198, 229, .5); 
} 

Ihre JQuery war zu fein, nur notwendig, um die entsprechenden CSS (.tabs > div:nth-child(*) table tr td) zu entfernen und es funktionierte, obwohl sie alle Schattierungen von Blau waren.

+0

Ich wusste nicht, wie man den (geraden) Code in dieses aktuelle CSS-Layout einfügt; das löst es! –