php - 如何获得 3 行中的第 2 项？

Question

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

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

我知道对于表格行，您可以使用三元运算符来检测它们的交替行颜色：

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

但是如何连续 3 次中的第 2 次呢？

PS我数学很烂，也许答案很明显。

score 1 · Accepted Answer

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

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

你可以在这个JS Fiddle上看到一个例子。

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

score 0 · Accepted Answer

将模数测试的除数修改为 3（每块 3 行）；并测试结果为 1（偏移量 0 的第二个条目）

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

2 回答 2