Pseudoclass last-of-type

Pseudoclass last-of-type memilih elemen yang merupakan elemen turunan terakhir dari tipe yang ditentukan dari induknya. Artinya, jika saya menulis h2:last-of-type - yang akan ditemukan adalah elemen h2 terakhir dalam induknya (berbeda dengan last-child, yang hanya akan menemukan elemen h2 yang berada pada posisi paling akhir dalam induknya).

Sintaksis

cssselector:last-of-type {
  
}

Contoh

Mari temukan elemen judul h2, yang merupakan elemen h2 terakhir dalam induknya:

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

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

Результат: