选择循环创建的动态div

Question

我创建了一个PHP循环潜水，我该如何从中选择div，然后用css进行更改，div我要选择（圆圈），我要从6个潜水中选择4号div

         <?php 
            $loop = new WP_Query ( array(
                'post_type'  => 'how_it_work',
                'orderby'    => 'post_id',
                'order'      => 'ASC'
            ) );
        ?>

         <?php while( $loop->have_posts() ) : $loop ->the_post(); ?>
        <div class="col-sm-3">
            <div class="circle">
            <?php 
                if( has_post_thumbnail () ) {
                    the_post_thumbnail();
                }
            ?>
            </div>

Answer 1

以下代码可以帮助您：

     <?php $i=0; ?>
     <?php while( $loop->have_posts() ) : $loop ->the_post(); ?>
        <div class="col-sm-3">
            <?php 
                  $i++;
                  $class='';
                  if($i>=4 && $i<=6)
                  {
                      $class=' newcss ';
                  }


            ?>
            <div class="circle <?php echo esc_attr($class); ?>">
            <?php 
                if( has_post_thumbnail () ) {
                    the_post_thumbnail();
                }
            ?>
            </div>

现在，您可以将第4格至第6格指定特定的类，并且可以根据选择修改子句。并且只需使用将在这些div中起作用的特定类编写CSS。

希望这会起作用。