为特定的nth-childs添加不同的类名

Pedro 发表于 Dev

佩德罗

我有以下代码（PHP）：

<div class="rocksType_DBitems_container">
  <?php
    define ('ACCESS', 1);           
    require_once 'database.php';       
    $db = new Database();           
    $sql = 'SELECT Drn,Src,Tit,Sub FROM Img_Ardosias WHERE Drn > :id';             
    $parameters = array(':id' => 0);
    $results = $db->getArray($sql, $parameters);
    foreach ($results as $index => $result){
      $html = '<div class="rocksType_DBitem">
                 <p>
                 <span class="rocksType_title">'.$result['Tit'].'</span>
                 <br/>
                 <span class="rocksType_subtitle">'.$result['Sub'].'</span>
                 </p>
                 <img class="rocksType_image" src="'.$result['Src'].'" alt="" />
               </div>';
      echo $html;
    }
  ?>
</div> <!-- End of class="rocksType_DBitems_container" -->

…基本上是动态创建多个具有垂直布局的内部div和图像和文本的div，其中前三个div具有与其余div不同的css样式。

我的问题很简单：如何将3个不同的类添加到动态创建的div的1st，2nd和3rd中（具有class =“ rocksType_DBitem的类）？

先生。帕夫利科夫

定义要添加的类：

$classes = array('green', 'blue', 'yellow');

并稍微修改一下脚本：

foreach ($results as $index => $result){
    $classAdd = $classes ? ' rocksType_DBitem_' . array_shift($classes) : '';
    $html = '<div class="rocksType_DBitem' . $classAdd . '">

因此，前3个div将具有“ rocksType_DBitem_green”，“ rocksType_DBitem_blue”，“ rocksType_DBitem_yellow” +“ rocksType_DBitem”类，其余的仅具有“ rocksType_DBitem”类

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。