Bagaimanakah Anda Boleh Menggayakan Elemen Kanak-kanak ke-1 dalam Internet Explorer 8?

Menyelesaikan masalah CSS nth Child() Sokongan dalam Internet Explorer 8

Apabila menggayakan halaman web dengan CSS, elemen child() ke-n biasanya digunakan untuk menggunakan peraturan pada elemen anak tertentu dalam elemen induk. Walau bagaimanapun, Internet Explorer 8 tidak menyokong elemen nth child() secara asli.

Penyelesaian

Untuk mengatasi had ini, anda boleh menggunakan salah satu pendekatan berikut:

Dengan Polyfill:

Selectivizr ialah polyfill andal yang meningkatkan sokongan CSS Internet Explorer. Ia menyediakan pelaksanaan merentas penyemak imbas unsur nth child(), membolehkan anda mencapai kesan jalur zebra yang diingini dalam baris jadual anda.

Tanpa Polyfill:

Sebagai alternatif, anda boleh menggunakan sokongan Internet Explorer 8 untuk elemen anak pertama untuk meniru tingkah laku anak ke-n(). Helah berikut boleh digunakan:

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

Perhatikan bahawa walaupun kaedah ini membenarkan anda menyasarkan elemen anak tertentu, kaedah ini tidak memberikan sokongan untuk pemilih kompleks seperti nth-child(2n 1) atau nth-child (ganjil).

Atas ialah kandungan terperinci Bagaimanakah Anda Boleh Menggayakan Elemen Kanak-kanak ke-1 dalam Internet Explorer 8?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!