将CSS代码添加到循环的每第3次迭代 - WordPress

mic*_*urk 1 html css wordpress loops while-loop

我想style="background:green"为这个WP循环的每第3次迭代添加一个.

我该如何实现这一目标?

   if( have_posts() ) :
    while ($wp_query->have_posts()) : $wp_query->the_post();
    ?>
    <li>Test</li>
    <?php endwhile; ?>
    <?php endif;
Run Code Online (Sandbox Code Playgroud)

非常感谢任何指针.

Ale*_*ley 5

您是否尝试过使用%运算符.类似以下内容(未经测试):

if( have_posts() ) :
$i=0;
while ($wp_query->have_posts()) : $wp_query->the_post();
$i++;
?>
<li <?php if(($i % 3)==0)echo 'style="background:green"';?>>Test</li>
<?php endwhile; ?>
<?php endif;
Run Code Online (Sandbox Code Playgroud)

PHP参考:http://php.net/manual/en/language.operators.arithmetic.php