如何获得连续3的第二项？

Question

我有一个网页布局，其中有3行。我需要在中间项目中添加一个特殊的css类。怎么做？

div [div] div
div [div] div
div [div] div
div [div] div

我知道使用表行可以使用三元运算符来检测它们：

class="<?= $key % 2 == 0 ? 'odd' : 'even'"

但如何连续3次连续第二次？

P.S。我在数学方面很糟糕，也许答案很明显。

Answer 1

您可以使用CSS将样式应用于nth-child ...

div:nth-child(3n+2) {
    color: red;
}

您可以在此JS Fiddle上看到此示例。

如果您确实需要在PHP中执行此操作，则可以使用% 3而不是2并取消1来获取偏移量。

Answer 2

将模数测试的除数修改为3（对于每行3行）;并测试结果1（从偏移0开始的第2个条目）

class="<?= $key % 3 == 1 ? 'odd' : 'even'"