Rumah > hujung hadapan web > tutorial css > Bagaimana Anda Boleh Menggunakan nth-child() dalam Internet Explorer 8?

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

Linda Hamilton
Lepaskan: 2024-11-11 10:11:03
asal
947 orang telah melayarinya

How Can You Use nth-child() in 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 */ }
Salin selepas log masuk

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!

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