为什么我不能在 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:第一个孩子 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中文网其他相关文章！