php - 对于 php 中的所有其他输出

Question

所以我有一个 $res

$res = $conn->query("SELECT username, Hours,joined FROM users ORDER by Hours DESC LIMIT 10");

这导致这张表:

while ($row =$res->fetch_assoc()){
        echo "<tr><td>" .$row["username"] ."</td><td>"
. $row["Hours"]."</td><td>".$row["joined"]."</td></tr>"; 


    }

然后使用 html 和 css:

table, td, th {
    background-color:#F2F2F2;
    font-size:20px;

    left:20px;
    th {
    background-color: green;
    color: white;

}

如何使第一个输出具有特定颜色，在本例中为#F2F2F2(light gray) 背景。然后第二个输出(列)是白色背景色？然后第三次再次输出#F2F2F2，所以基本上每隔一段时间。我在考虑 if 语句？但想不出一个具体的。到目前为止，我按计划得到了一个丑陋的纯灰色背面接地表。

Answer 1

有一种使用 CSS3 的更简洁的方法，您可以在不使用 php 的情况下使用 nth_child() 选择器来做到这一点

table, td, th {
    background-color:#F2F2F2;
    font-size:20px;

    left:20px;
    th {
    background-color: green;
    color: white;

}

tr:nth-child(even) {
background-color:#fff
}

在您的情况下，这会使所有偶数表行(即 2、4、6...)的背景颜色为白色，您还可以将参数 even 更改为 odd，具体取决于您要如何使用它。还需要注意的是 Internet Explorer 8 及更早版本不支持 :nth-child() 选择器