CSS Demo: :last-of-type

<dl>
  <dt>Vegetables:</dt>
  <dd>1. Tomatoes</dd>
  <dd>2. Cucumbers</dd>
  <dd>3. Mushrooms</dd>
  <dt>Fruits:</dt>
  <dd>4. Apples</dd>
  <dd>5. Mangos</dd>
  <dd>6. Pears</dd>
  <dd>7. Oranges</dd>
</dl>

<dl>

<dt>Vegetables:</dt>

<dd>1. Tomatoes</dd>

<dd>2. Cucumbers</dd>

<dd>3. Mushrooms</dd>

<dt>Fruits:</dt>

<dd>4. Apples</dd>

<dd>5. Mangos</dd>

<dd>6. Pears</dd>

<dd>7. Oranges</dd>

</dl>

dt {
  font-weight: bold;
}

dd {
  margin: 3px;
}

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

dt {

font-weight: bold;

}

dd {

margin: 3px;

}

dd:last-of-type {

border: 2px solid orange;

}

CSS Demo: :last-of-type

Output

Console Output