Bagaimana Anda Boleh Menggunakan nth-child() dalam Internet Explorer 8?

Mengatasi Kekurangan Sokongan CSS nth-child() Internet Explorer 8

Dalam CSS, pemilih elemen nth-child() membenarkan anda untuk menyasarkan elemen kanak-kanak tertentu dalam elemen induk. Walau bagaimanapun, pemilih ini tidak disokong dalam Internet Explorer 8 (IE8). Ini boleh menjadi satu cabaran apabila anda ingin mencapai kesan seperti belang zebra dalam jadual.

Penyelesaian

Terdapat dua pendekatan utama untuk 解决 isu ini:

1. Gunakan Polyfill

Polyfills ialah skrip yang menambah ciri yang tiada pada penyemak imbas. Untuk CSS, Selectivizr ialah polyfill popular yang menyokong nth-child() dalam IE8.

2. Tipu IE8 dengan Anak Pertama

Memandangkan IE8 menyokong pemilih anak pertama, anda boleh menggunakannya untuk mencipta penyelesaian untuk nth-child():

/* li:nth-child(2) */
li:first-child + li { /* Works for IE8 */ }

Kaedah ini akan menipu IE8 untuk memilih elemen anak kedua. Walau bagaimanapun, ia mempunyai had dan tidak boleh meniru pemilih nth-child() yang lebih kompleks seperti nth-child(2n 1) atau nth-child(odd).

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