Css son elemanı seçmek

Merhaba arkadaşlar,

Css3 ile birlikte gelen yeni şeçiciler sayesinde sayfalarımızda son elemanı nasıl seçebiliriz görelim. Css son elemanı seçmek için :last-child özelliğini kullanacağız. Kullanımı oldukça basittir. Her zaman olduğu gibi kısa bir örnekle nasıl kullanabiliriz bir bakalım.

Veritabanından döngüyle aldığımız ve sayısını bilmediğimiz bir verimiz olsun. Bu döngümüz aldığımız verileri <li> </li> tagları arasına yazdırsın. Biz buradaki li taglarının hepsine normal bir stil atadık ve en son elemana farklı bir stil atamak istiyoruz. Bunu yapmanızın milyonlarca sebebi olabilir. Bu döngümüzün gerçekleştiği sayfamızdaki son elemanı seçmek için :

ul li:last-child {
   background:#000;
}

şeklinde kullanmalıyız. Bu işlemi jQuery kullanarak da yapabiliriz. jQuery ile son elemanı seçmek için :

$(function(){
   $("ul li:last").css(function(){
      //Kodlar Buraya
   });
});

şeklinde kullanabiliriz. Ancak css ile bu işlemi yapmak ihtiyaca göre çok daha mantıklı ve doğrudur.

Tarayıcı Uyumlulukları

Internet Explore 8 hariç bütün tarayıcılar desteklemektedir.

 

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Solve : *
19 + 20 =