如何在 Internet Explorer 8 中设置第 n 个子元素的样式？

Internet Explorer 8 中 CSS nth Child() 支持的疑难解答

使用 CSS 设计网页样式时，第 nth child() 元素通常是用于将规则应用于父元素内的特定子元素。但是，Internet Explorer 8 本身并不支持第 n 个 child() 元素。

解决方案

要克服此限制，您可以采用以下方法之一：

使用 Polyfill：

Selectivizr 是一个可靠的 Polyfill，可以增强 Internet Explorer 的 CSS 支持。它提供了第 n 个 child() 元素的跨浏览器实现，使您能够在表格行中实现所需的斑马条纹效果。

没有 Polyfill：

或者，您可以利用 Internet Explorer 8 对第一个子元素的支持来模拟第 n 个 child() 行为。可以应用以下技巧：

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

请注意，虽然此方法允许您定位特定的子元素，但它不提供对复杂选择器的支持，例如 nth-child(2n 1) 或 nth-child （奇数）。

以上是如何在 Internet Explorer 8 中设置第 n 个子元素的样式？的详细内容。更多信息请关注PHP中文网其他相关文章！