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

Bu sözde sınıf :nth-last-child sözde sınıfının yaptığı her şeyi aynen yapmaktadır. Zaten nth-last-child sözde sınıfı da, nth-child sözde sınıfının yaptığı her şeyi yapmaktaydı bildiğiniz gibi :) Farklı olarak, tıpkı nth-of-type sözde sınıfında olduğu gibi bu da, tipe göre seçme işlemi yapmak için kullanılıyor.

Örneğin şöyle bir html yapım olsaydı;

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

Ve ben son div etiketini seçip işlem yapmak isteseydim, şu şekilde başarılı olmazdı;

div:nth-last-child(1) {
    background-color: lime;
}

Çünkü son elemanım div etiketi değilde p etiketi olduğu için. Ancak tipe göre seçme işlemi yapsaydım sonuç farklı olurdu.

div:nth-last-of-type(1) {
    backgrond-color: lime;
}

Sonuç başarılı;