在我的网站项目中,我使用媒体查询和nth-child 选择器。
IE8 不支持开箱即用,但有一些 polyfill 可以提供帮助:
- Respond.js、mediatizr或css3-mediaqueries.js在 IE8 中启用媒体查询;
- selectivizr或ie9.js启用 nth-child 选择器。
我的问题是我需要在媒体查询中使用 nth-child。一个综合的例子:
@media (min-width: 500px) {
.foo:nth-child(2n) {
color: pink;
}
}
我需要此代码才能在 IE8 中工作。
问题是 selectivizr 和 ie9.js 都不能解析nth-child
媒体查询,并且支持媒体查询的 polyfill 无济于事,因为它们在一起使用时会干扰nth-child
polyfill。
请提出一种使该代码在 IE8 中工作的方法!