如何对列中的每三个元素施加独特的样式属性

Question

我是这个网站的新手，但我需要帮助。我已经成功地显示记录和数据库与php。使用CSS类可以很好地显示记录。但我真正想要的是在每三个记录显示之后更改类名。换句话说，三条记录将以相同的css类名显示，如(column)，但第四条记录将使用不同的类名，如(column-last)。有人能帮我一下吗?

Answer 1

您可以使用CSS3的nth-child选择器选择性地这样做。如。假设您将类myClass应用于记录。现在，在CSS中添加以下内容:

.myClass:nth-child(4n) {
    // Your new properties
}

Answer 2

如果你不想使用css3，你可以在遍历行时使用模数3条件

$classname="row1and2";
for ($rowcount=0;$rowcount < $maxrow;$rowcount++){
$classname=($rowcount%3==0)?"row3":"row1and2";
<?php echo "<tr class=$classname><td>values...</td></tr>?>
}

显然这只是一个简单的例子