php - 如何在具有交替行颜色的表中显示数据

Question

我正在尝试使用行的替代配色方案在表格中显示数据。

我正在使用下面的代码来显示结果。

<?php 


      while($row = mysql_fetch_array($sql))  {
          echo "<tr> ";
           echo "<td>" .$row[username] . "</td>";
         echo "<td>" .$row[total] . "</td>";
         echo "</tr> " ;
}

?>

我想使用这种格式来显示数据:

<tbody>
<tr class="alt"><td>Data</td><td>points</td></tr>
<tr><td>Data</td><td>points</td></tr>
<tr class="alt"><td>Data</td><td>points</td></tr>
<tr><td>Data</td><td>points</td></tr>
<tr class="alt"><td>Data</td><td>point</td></tr>

</tbody>

请多指教

Answer 1

使用 CSS:

tr:nth-child(odd) {
   background-color: #ccc;
}

这个 fiddle 演示了如何选择 even、odd、every n'th 或 every n'th + x 行来设置样式，仅使用 CSS:

http://jsfiddle.net/zhd66arb/1/