Pseudoclasa last-of-type

Pseudoclasa last-of-type selectează un element care este ultimul descendent al părintelui de tipul specificat. Adică, dacă scriu h2:last-of-type - va fi găsit ultimul h2 din părinte (spre deosebire de last-child, care va găsi doar acel h2 care se află chiar la sfârșit în părinte).

Sintaxă

cssselector:last-of-type {
  
}

Exemplu

Să găsim titlul h2, care este ultimul h2 din părinte:

html<div>
  <h2>titlu</h2>
  <p>paragraf</p>
  
  <h2>titlu</h2>
  <p>paragraf</p>
  
  <h2>titlu</h2>
  <p>paragraf</p>
</div>

cssh2:last-of-type {
  color: red;
}

Результат: