Giriş yap

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>

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
div etiketi
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.

tayfunerbilen
210 gün önce yazdı.
Önceki :first-of-type Sonraki :nth-child