php - 对于每第 4 个和第 5 个元素，将此类应用于 HTML

Question

获取的第一行和第二行将具有“案例研究--大”类(50% 宽度)。第二、第三和第四将有“案例研究”类(33% 宽度)，然后返回两个大类，依此类推...

为了应用它，我使用以下逻辑运行一个 for 循环:

    <?php
       $casesize = "case-card";
       for ($counter = 1; $counter < 100; $counter++ ) {
           if ($counter % 2 == 0) {
                $casesize = "case-card--large";
         }  
       }
    ?>

但是，我所有的 div 都使用“case-card--large”样式(50% 宽度)？如果我将我的代码调整为以下内容:

    <?php
       for ($counter = 1; $counter < 100; $counter++ ) {
           if ($counter % 2 == 0) {
               $casesize = "case-card--large";
         } else {
               $casesize = "case-card"; 
           }
       }
    ?>

所有的 div 现在都有“case-card”样式？不确定为什么会这样？

我希望它看起来像下面这样:

   | Large | Large |
|Small | Small | Small |
   | Large | Large |
         ...

HTML 和 CSS:

.wrapper {
  font-size: initial;
  margin-top: 20%;
}

.case-card--large {
  width: 50%;
  float: right;
  border: 1px solid blue;
}

.case-card {
  text-align: center;
  padding: 40px;
  width: calc(100% / 3);
  display: inline-block;
  float: left;
  height: 393px;
  border: 1px solid red;
}

<div class="<?php echo $casesize;?>" ?>
  <div class="wrapper">
  <p>Dummy text</p>
  </div>
</div>

Answer 1

你在循环中修改值，所以如果你想再次测试，你必须把它放回去:

<?php
    for ($counter = 1; $counter < 100; $counter++ ) {
        $casesize = "case-card";
        if ($counter % 2 == 0) {
            $casesize = "case-card--large";
        }
        // Do something with casesize
    }
?>