SORU
14 NİSAN 2011, PERŞEMBE


Nasıl ikinci çocuk CSS kullanarak alabilir miyim?

Dinamik olarak oluşturulan s olan table var. İlk ve son çocuk nasıl biliyorum fakat sorum şu:

İkinci ya da üçüncü çocuğu CSS kullanarak almanın bir yolu var mı?

CEVAP
7 Kasım 2011, PAZARTESİ


IE 7 & 8 (ve IE6 dahil CSS3 desteği olmadan diğer tarayıcılar) aşağıdaki 2 ve 3 çocukları almak için kullanabilirsiniz:

2. Çocuk:

td:first-child   td

3. Çocuk:

td:first-child   td   td

O zaman sadece seçmek istediğiniz her ek çocuk için td başka bir ekleyin.

Eğer IE6 desteklemek istiyorsanız bu da yapılabilir! Sadece küçük bir javascript (örneğin jQuery) kullanmanız gerekir:

$(function() {
    $('td:first-child').addClass("firstChild");
    $(".table-class tr").each(function() {
        $(this).find('td:eq(1)').addClass("secondChild");
        $(this).find('td:eq(2)').addClass("thirdChild");
    });
});

Css sadece o sınıf, ne istersen yapmak için seçiciler kullanın:

table td.firstChild { /*stuff here*/ }
table td.secondChild { /*stuff to apply to second td in each row*/ }

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • AmazonWireless

    AmazonWirele

    8 EYLÜL 2010
  • Anthony Cumia

    Anthony Cumi

    5 EYLÜL 2006
  • Dive In

    Dive In

    17 Temmuz 2013