如果PHP块中有第n个子项,则将该类添加到HTML

如果PHP块中有第n个子项,则将该类添加到HTML,php,html,css,wordpress,Php,Html,Css,Wordpress,我有一套大小不一的案例研究。像这样: | Large | Large | |Small | Small | Small | | Large | Large | ... 我试图运行一个循环,检查案例研究是第一个还是第二个结果,如果是,请使用.case-card--largeCSS,否则使用默认的.case-cardCSS 如果循环条件为真,我不确定如何使用select类 通俗地说:如果前两个结果是,请使用.case-card--large,然后在接下来的三个结果中使

我有一套大小不一的案例研究。像这样:

   | Large | Large |
|Small | Small | Small |
   | Large | Large |
         ...
我试图运行一个循环,检查案例研究是第一个还是第二个结果,如果是,请使用
.case-card--large
CSS,否则使用默认的
.case-card
CSS

如果循环条件为真,我不确定如何使用select类

通俗地说:如果前两个结果是,请使用
.case-card--large
,然后在接下来的三个结果中使用
.case-card
,然后在接下来的两个结果中再次使用
.case-card--large
,依此类推

这是到目前为止我的循环(不完整):

 <?php 
 $counter = 1;
 $loop = new WP_Query( array( 'post_type' => 'case-studies') ); 
    while ( $loop->have_posts() ) : $loop->the_post(); 
        if ($counter % 3 == 1){
            echo 'alpha';
        } else {
            echo 'omega';
        } 
    $counter++ ; 
    endwhile 
 ?>

点击我
请检查您的第一个
Div
我想您忘了关闭
Div
如果您希望模式每五个区块重复一次,您应该执行
$counter%5
而不是
$counter%3