So verwenden Sie CSS, um je nach Unterelementen unterschiedliche Stile zu schreiben

div {
    &:letztes-Kind:n-tes-Kind(1) {
      // Verwandte Stile}
}

div{
    &:n-tes-letztes-Kind(2):n-tes-Kind(2) {
    
    }
}

     <div Klasse="Box" v-for="(Element,Index) in Liste" :Schlüssel="Index">
          <div Klasse="Header">
            <img :src="item.userImage" alt="">
            <span>{{item.name}}</span>
          </div>
          <div Klasse="Inhalt">
            <img :src="v" alt="" v-for="(v, i) in item.imageUrl" :key="i">
          </div>
          <div Klasse="unten">
            <span class="left-icon">{{item.createTime}}</span>
            <div Klasse="rechts">
              <img src="./img/6.1.png" alt="">
              <span>{{item.fabulousNumber}}</span>
            </div>
          </div>
        </div>

.Kasten {
      Polsterung: 0,26rem;

      .header {
        Anzeige: Flex;
        Elemente ausrichten: zentrieren;

        img {
          Breite: 0,58rem;
          Höhe: 0,58rem;
          Rand rechts: 0,17rem;
        }
      }

      .unten {
        Anzeige: Flex;
        Inhalt ausrichten: Abstand dazwischen;
        Elemente ausrichten: zentrieren;
        Farbe: #999999;
        Schriftgröße: 0,17rem;

        img {
          Breite: 0,17rem;
          Höhe: 0,17rem;
        }
      }

      .Inhalt {
        Anzeige: Flex;
        Rand: 0,17rem 0;

        img {
          biegen: 1;
          Höhe: 1,37rem;
          Breite: 0;
          Rand rechts: 0,09rem;
          &:letztes-Kind {
            Rand rechts: 0;
          }
          &:letztes-Kind:n-tes-Kind(1) {
            Höhe: 2,75rem;
          }
        }
      }
    }