テーブルごとに背景色を再現するにはどうすればよいですか？

Question

私は、各テーブルのための 'ゼブラ'の外観が欲しいです。だから、各テーブルのために既に設定されている背景色は、今のようにしっかりしたものではなく、再発する必要があります。他のすべての表の行が白くなるようにするにはどうすればよいですか？

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); 
    } 

Answer 1

ちょうどように、各ラインに:nth-child(even)を追加する必要はありませんjQueryとすれば完了です。

.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); 
} 

彼らは青のすべての色合いだったのに、あなたのjQueryのは、あまりにもちょうど関連するCSS（.tabs > div:nth-child(*) table tr td）を削除するために必要な大丈夫だったし、それが働きました。