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ÅŸ:
AYNI ETÄ°KETTEKÄ° VÄ°DEOLAR
YORUMLAR
SPONSOR VÄ°DEO
Rastgele Yazarlar
-
Juan Carlos
4 Mart 2009 -
Rooster Teet
11 Temmuz 2006 -
Rozetked | Ð
5 AÄžUSTOS 2011
Nasıl öğe kullanarak bir jQuery KİMLİĞ...
Nasıl bir veritabanı TSQL kullanarak t...
Nasıl bir dizin C veya C kullanarak do...
Nasıl bir dize JavaScript kullanarak s...
Nasıl metin uzunluğu bir textbox jQuer...