Mengapa Saya Tidak Boleh Menggunakan `:nth-child` dan `:before` dalam IE8?

IE8 :nth-child dan :before Isu Keserasian

Internet Explorer 8 membentangkan cabaran apabila bekerja dengan pemilih CSS seperti :nth-child dan: sebelum. Walaupun pemilih ini berfungsi dengan berkesan dalam kebanyakan penyemak imbas lain, IE8 menghadapi masalah keserasian.

Persoalannya

Dalam percubaan untuk menyasarkan pautan navigasi tertentu dalam CSS, pembangun menghadapi masalah dengan :nth-child dan :before dalam IE8. Semasa menetapkan sifat untuk pemilih :nth-child(1) digunakan pada pautan tertentu, sifat yang sama gagal berfungsi apabila digunakan pada elemen pseudo :after.

Jawapannya

Walaupun :nth-child tidak disokong secara langsung dalam IE8, terdapat penyelesaian yang melibatkan gabungan adik beradik bersebelahan ( ). Dengan menggunakan kaedah ini, anda boleh menyasarkan item tertentu dalam senarai:

• li:first-child bersamaan dengan :nth-child(1)
• li:anak pertama li bersamaan dengan :nth-child(2)
• li:first-child li li bersamaan dengan :nth-child(3)

Limitation

Walaupun penyelesaian ini mereplikasi fungsi asas :nth-child, ia mempunyai hadnya. Meniru varian yang lebih kompleks (cth., :nth-child(odd) atau :nth-child(4n 3)) tidak boleh dilakukan dengan kaedah ini.

Atas ialah kandungan terperinci Mengapa Saya Tidak Boleh Menggunakan `:nth-child` dan `:before` dalam IE8?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!