Bagaimanakah Saya Boleh Mencapai Zebra Striping dalam Jadual dengan nth-child() dalam Internet Explorer 8?

Sokongan CSS untuk nth-child() dalam Internet Explorer 8

Dalam pelayar moden, elemen CSS nth-child() biasanya digunakan untuk mencapai kesan belang zebra dalam jadual. Walau bagaimanapun, kefungsian ini tidak terdapat dalam Internet Explorer 8. Begini cara untuk menangani had ini:

Pendekatan Polifill:

Selectivizr ialah polyfill mantap yang meluaskan Internet Explorer secara berkesan Sokongan CSS. Dengan melaksanakan Selectivizr, anda boleh menggunakan nth-child() dalam gaya CSS anda.

Tanpa Polyfills:

Sokongan Internet Explorer 8 untuk pemilih anak pertama membentangkan peluang untuk meniru kefungsian nth-child():

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

Pendekatan ini membolehkan anda menentukan gaya untuk elemen li kedua, meniru tingkah laku nth-child(2) dengan berkesan.

Keterbatasan:

Walaupun helah emulasi ini berfungsi untuk pemilih mudah seperti nth-child(2), ia gagal apabila berurusan dengan ungkapan yang lebih kompleks seperti nth-child(2n 1) atau nth -kanak-kanak(ganjil). Internet Explorer 8 tidak mempunyai keupayaan untuk meniru fungsi bernuansa pemilih ini.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencapai Zebra Striping dalam Jadual dengan nth-child() dalam Internet Explorer 8?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!