颜色代码由for循环创建的某些div标签答案

【问题标题】：Color code certain div tag created by for loop颜色代码由for循环创建的某些div标签
【发布时间】：2020-05-20 09:12:33
【问题描述】：

所以我使用 for 循环创建了一个带有类的 div。我在 myDiv[1] 这样的数组中创建的 div 吗？如何操作我创建的 div，以便我可以对每个奇数或每 5 个 div 进行颜色编码？或者，如果值超过 10，我想为 div 着色。

<?php 

        for ($i = 1; $i <= 25; $i++) { ?>
            <div class='myDiv'>
            <b> Hello </b>
            </div>
       <?php }


?>

【问题讨论】：

为每个 div 指定不同的名称以实现完全控制，或者使用 nth-child(odd) 和 nth-child(even) 来设置奇数和偶数的样式，或者使用 nth-child(5n) 设置每五个 div 的样式？你创建的 div 不在数组中，除非你把它放在一个数组中。
ntn-child 有效，但如果 div 包含超过 500 的值或其他值，我想根据特定条件对 div 进行颜色编码
也许我应该在我问抱歉的问题中添加这一点。
那么下面的答案将允许您这样做。

标签： php html for-loop

【解决方案1】：

试试这样的。同样检查任何条件并应用类，例如：偶数、奇数并为此添加样式。您也可以尝试使用:nth-child(n) 的纯 CSS 方法，但请检查您的目标浏览器兼容性

<?php 

        for ($i = 1; $i <= 25; $i++) { ?>
            <div class='myDiv <?php if($i % 5 == 0) { echo('color-red'); } ?>'>
            <b> Hello </b>
            </div>
       <?php }


?>

CSS

.class-red {
  background-color: red;
}

根据 OP 评论的另一个示例

如果 div 包含超过 500 的值或其他值

这应该可以工作

 <div class='myDiv <?php if($i > 500) { echo('color-red'); } ?>'>

【讨论】：

这不会设置每五个 div 的样式，它只会设置 the 第五个 div 的样式。
@droopsnoot 感谢您的指出，希望它现在应该可以工作了。
是的，行得通，如果我也可以"
'>"在 div 中有一个 $money 变量？
@EricLin 您可以使用任何变量添加任何条件，关键是 div 应该具有类。浏览器应将 html 视为<div class="class1 class2 class3">....</div>。记得在类之间添加空格。