如何获得3行中的第二个项目？

Question

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

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

我知道与表中的行，你可以得到使用三元运算符来检测它们交替行颜色：

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

，但如何做到这一点在3排第二？

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

Answer 1

修改为模量试验3除数（对于3行每块）;和试验1的结果（从偏移0的第二条目）

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

Answer 2

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

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

你可以看到这个JS Fiddle这样的一个例子。

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