ilk çocuk ve IE8 ile çocuk son

SORU

12 Ocak 2012, PERŞEMBE

ilk çocuk ve IE8 ile çocuk son

Benim tablo ayarlama şeyler için bazı css var.

İşte burada:

.editor td:first-child
{
    width: 150px; 
}

.editor td:last-child input,
.editor td:last-child textarea
{
    width: 500px;
    padding: 3px 5px 5px 5px;
    border: 1px solid #CCC; 
}

Firefox, Safari ve Chrome ama bu IE8 ile birlikte çalışır.

Sorun ilk çocuk geliyor ve çocuk son biliyorum ama uzman değilim.

Fixt bunu nasıl yapabilirim bir fikriniz var mı?

PS: benim html belge ama hiçbir şey değişmedi üstüne <!doctype html> ekledim.

CEVAP

12 Ocak 2012, PERŞEMBE

Eğer tablo sadece 2 sütunlar arasında ise, kolayca IE8 :first-child ile birlikte destek olan bitişik kardeş seçicisi td Ikinci ulaşabilirsiniz:

.editor td:first-child
{
    width: 150px; 
}

.editor td:first-child   td input,
.editor td:first-child   td textarea
{
    width: 500px;
    padding: 3px 5px 5px 5px;
    border: 1px solid #CCC; 
}

Aksi takdirde, DV gibi JS seçici bir kütüphane kullanın veya el ile son sınıf eklemek gerekecek td, as suggested by James Allardice.

Bunu Paylaş: