:last-of-type

dt {
  font-weight: bold;
}

dd {
  margin: 3px;
}

dd:last-of-type {
  border: 2px solid orange;
}

<dl>
  <dt>Légumes :</dt>
  <dd>1. Tomates</dd>
  <dd>2. Concombres</dd>
  <dd>3. Champignons</dd>
  <dt>Fruits :</dt>
  <dd>4. Pommes</dd>
  <dd>5. Mangues</dd>
  <dd>6. Poires</dd>
  <dd>7. Oranges</dd>
</dl>

:last-of-type {
  /* ... */
}

<h2>En-tête</h2>
<p>Paragraphe 1</p>
<p>Paragraphe 2</p>

p:last-of-type {
  color: red;
  font-style: italic;
}

<article>
  <div>Je ne suis pas rose car première `div` :(</div>
  <div>
    Je ne suis pas rose :(
    <span
      >Mais moi je suis rose car je suis le dernier `span` de mon groupe !</span
    >
  </div>
  <div>
    Ici <em>je ne suis pas rose :(</em>, mais ici
    <em>je suis rose et dernier !</em>
  </div>
  <p>Je suis un paragraphe rose.</p>
  <div>Je suis rose car dernière `div` !</div>
</article>

article :last-of-type {
  background-color: pink;
}

<p>Ce `p` n'est pas sélectionné.</p>
<p>Ce `p` n'est pas sélectionné non plus.</p>
<p>
  Ce `p` est le dernier élément `p` de son parent, par exemple `body`,
  sélectionné par le sélecteur de type `p`.
</p>
<div class="container">
  <div class="item">Ce `div` n'est pas sélectionné.</div>
  <div class="item">Ce `div` n'est pas sélectionné non plus.</div>
  <div class="item">
    Ce `div` est le dernier élément `div` de son parent `div`, sélectionné par
    le sélecteur de classe `.container .item`.
  </div>
  <p class="item">
    Ce `p` est le dernier élément `p` de son parent `div`, sélectionné par le
    sélecteur de classe `.container .item`.
  </p>
</div>

p:last-of-type {
  background: skyblue;
}

.container .item:last-of-type {
  color: red;
  font-weight: bold;
}