JSFiddle - React, Tailwind, and code Playground

HTML

<!-- EXEMPLE 1 -->
<div class="parent">
  <div class="text">bla text</div>
  <div class="img">bla img</div>
  <div class="img">bla img</div>
  <div class="img">bla img</div>
  <div class="text">bla txt</div>
  <div class="img">bla img</div>
  <div class="img">bla img</div>
  <div class="img">bla img</div> <!-- JE CHERCHE A SÉLECTIONNER DYNAMIQUEMENT CET ÉLÉMENT -->
  <div class="text">bla txt</div>
</div>

<hr>

<!-- DYNAMIQUEMENT, C'EST À DIRE SANS AJOUTER UNE AUTRE CLASSE DU TYPE '<div class="img last">bla img</div>' -->
<!-- MAIS CELA NE FONCTIONNE PAS, AVEC LAST-CHILD, CAR IMG N'EST PAS LE DERNIER ÉLÉMENT (C'EST TEXT LE DERNIER ÉLÉMENT, VOIR EXEMPLE 2) -->
<!-- AURIEZ-VOUS UNE SOLUTION ? -->

<hr>

<!-- EXEMPLE 2 -->
<div class="parent">
  <div class="text">bla text</div>
  <div class="img">bla img</div>
  <div class="img">bla img</div>
  <div class="img">bla img</div>
  <div class="text">bla txt</div>
  <div class="img">bla img</div>
  <div class="img">bla img</div>
  <div class="img">bla img</div>
</div>

CSS

.parent .img:last-child {
  color: white;
  font-weight: 700;
  background-color: red;
}