為什麼我不能在 IE8 中使用 `:nth-child` 和 `:before` ？

IE8 :nth-child 和:before 相容性問題

Internet Explorer 8 在使用CSS 選擇器（例如:nth-child）時面臨挑戰和：之前。雖然這些選擇器在大多數其他瀏覽器中都能有效運行，但 IE8 遇到了相容性問題。

問題

在嘗試定位 CSS 中的特定導航連結時，開發人員遇到了IE8 中 :nth-child 和 :before 的問題。在為套用於特定連結的 :nth-child(1) 選擇器設定屬性時，相同的屬性在套用於 :after 偽元素時無法運作。

答案

雖然 :nth-child 在 IE8 中不直接支持，但有一個涉及相鄰同級組合器 ( ) 的解決方法。使用此方法，您可以定位清單中的特定項目：

• li:first-child 相當於:nth-child(1)
• li:first-child li 相當於:nth-child(2)
• li:first-child li li 相當於:nth-child(3 )

限制

雖然此解決方法複製了基本的:nth-child 功能，但它有其局限性。使用此方法無法模擬更複雜的變體（例如 :nth-child(odd) 或 :nth-child(4n 3)）。

以上是為什麼我不能在 IE8 中使用 `:nth-child` 和 `:before` ？的詳細內容。更多資訊請關注PHP中文網其他相關文章！