如何在 Internet Explorer 8 中使用 nth-child()？

克服Internet Explorer 8 缺乏nth-child() CSS 支援的問題

在CSS 中，nth-child() 元素選擇器允許您以父元素內的特定子元素為目標。但是，Internet Explorer 8 (IE8) 不支援此選擇器。當您想要在表格中實現斑馬條紋等效果時，這可能是一個挑戰。

解

解決此問題有兩種主要方法：

1。使用 Polyfill

Polyfill 是為瀏覽器新增缺失功能的腳本。對於CSS，Selectivizr 是一個流行的polyfill，在IE8 中支援nt​​h-child()。

2。用First-child 欺騙IE8

由於IE8 支援first-child 選擇器，您可以使用它為nth-child() 建立解決方法：

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

此方法會欺騙IE8 選擇第二個子元素。但是，它有局限性，無法模擬更複雜的 nth-child() 選擇器，例如 nth-child(2n 1) 或 nth-child(odd)。

以上是如何在 Internet Explorer 8 中使用 nth-child()？的詳細內容。更多資訊請關注PHP中文網其他相關文章！