Bagaimana Saya Boleh Mencontohi :nth-child dalam Internet Explorer 8?

Meniru :nth-child dalam Internet Explorer 8

Internet Explorer 8 kekurangan sokongan untuk pemilih :nth-child, yang boleh menjadi masalah apabila cuba menggayakan elemen berdasarkan kedudukannya dalam elemen induk. Dalam kes sedemikian, penyelesaian alternatif diperlukan.

Nasib baik, penggabung adik beradik bersebelahan ( ) boleh dimanfaatkan untuk mencapai hasil yang serupa dalam IE7 dan IE8. Sebagai contoh, coretan CSS berikut:

#nav-primary ul li:first-child a {
    border-top: 5px solid red;
}
/* ... */
#nav-primary ul li:first-child + li + li a {
    border-top: 5px solid green;
}

Adalah bersamaan dengan:

#nav-primary ul li:nth-child(1) a {
    border-top: 5px solid red;
}
/* ... */
#nav-primary ul li:nth-child(3) a {
    border-top: 5px solid green;
}

Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa teknik ini tidak boleh meniru variasi yang lebih kompleks daripada :nth-child( ), seperti :nth-child(ganjil) atau :nth-child(4n 3).

Atas ialah kandungan terperinci Bagaimana Saya Boleh Mencontohi :nth-child dalam Internet Explorer 8?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!