php - 如何在 PHP 中的 foreach 第一次迭代中只回显 CSS 类一次？

Question

我遇到了一个小问题，我有一个名为“负边距”的 css 类，我只想在一系列 div 的第一个 div 中应用一次，因为它是我设计的一部分。代码如下:

<?php foreach($records as $rec){ ?>
<div class="grid grid-lightgrey grid-pad negative-margin">
   <div class="col-1-1">
     <div class="module module-grey">

       <em>Project title: <?php echo $rec->project_title; ?></em><br>
       <em>Category: </em><?php echo $rec->project_category; ?><br>
       <em>Description: </em><?php echo $rec->project_description; ?>
        <br>
        <em>This project was started in: <?php echo $rec->project_year; ?></em><br>
        <em>This project ID is: </em>
        <?php echo $rec->project_id; ?>
     </div>
   </div>
</div>
<?php } ?>

负边距类应用于所有 div，使它们相互堆叠，这不是我想要的，但我需要在第一个 div 中应用负边距，正如我出于设计目的所说的那样，但是我真的不知道这是如何实现的。任何想法将不胜感激。

Answer 1

使用 first-child selector定义仅适用于第一个 div 的 CSS 样式。

div.grid:first-child { 
    margin-left: -10px;
}