Rumah > hujung hadapan web > tutorial css > Bagaimanakah Anda Boleh Menggayakan Elemen Kanak-kanak ke-1 dalam Internet Explorer 8?

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

Susan Sarandon
Lepaskan: 2024-11-07 00:37:02
asal
408 orang telah melayarinya

How Can You Style nth Child Elements in 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*/
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan