CSS :last-of-type Sözde Sınıfı

:last-child sözde sınıfının yapamadığı şey, son eleman seçtiğimiz etiket değilse seçemiyordu. İşte bu durumda kullanılacak olan bu sözde sınıfdır. Örnek vermek gerekirse;

<div>div etiketi</div>
<div>div etiketi</div>
<div>div etiketi</div>
<p>paragraf etiketi</p>

<style>
div:last-child {
    background-color: lime;
}
</style>

Editörde Görüntüle

Yukarıdaki CSS işlemi geçerli olmayacaktır çünkü son elemanımız div etiketi yerine p etiketidir. Fakat burada direk tipe bakarak işlem yaptırmış olsaydık, yani şöyle;

div:last-of-type {
    background-color: lime;
}

Sonuç başarılı olacaktı;

div etiketi

paragraf etiketi

Yani burada önemli olan seçtiğimiz tipte bir etiketin olup olmadığı varsa onun son elemanını seçip stil işlemi uygulayabiliyoruz.