item
クラスの偶数行が奇数行とは異なる色の色付きのテーブルを作成しようとしています。フィドルを参照してください: http://jsfiddle.net/x7XT5/
HTML:
<table>
<tr class="item">
<td>1</td>
</tr>
<tr>
<td>info</td>
</tr>
<tr class="item">
<td>2</td>
</tr>
<tr>
<td>info</td>
</tr>
<tr class="item">
<td>3</td>
</tr>
<tr>
<td>info</td>
</tr>
<tr class="item">
<td>4</td>
</tr>
<tr>
<td>info</td>
</tr>
</table>
CSS:
table tr.item:nth-child(2n)
{
background-color: yellow;
}
table tr.item:nth-child(2n+1)
{
background-color: red;
}
cssで動作させるには?
UPD1
<tr>
クラスなしitem
は白い背景でなければなりません。
<tr class="item">
'背景は、偶数/奇数の位置で赤/黄色でなければなりません。</p>