Internet Explorer 8 中對nth-child() 的CSS 支援

在現代瀏覽器中，CSS nth-child() 元素通常是用於在表格中實現斑馬條紋效果。然而，Internet Explorer 8 中明顯缺少此功能。以下是解決此限制的方法：

Polyfill 方法：

Selectivizr 是一個成熟的 polyfill，可有效擴展 Internet Explorer 的功能CSS 支援。透過實作 Selectivizr，您可以在 CSS 樣式中使用 nth-child()。

沒有Polyfills：

Internet Explorer 8 對第一個子選擇器的支援提供了模擬nth-child() 功能的機會：

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

此方法可讓您為第二個 li 元素指定樣式，有效模仿 nth-child(2) 的行為。

限制：

雖然這個模擬技巧適用於像nth-child(2) 這樣的簡單選擇器，但在處理更複雜的表達式（例如第n 個子級（2n 1）或第n 個子級（奇數）。