从 IE 8 开始，特定的 CSS 不会出现答案

【问题标题】：particular css is not coming on IE 8 onwards从 IE 8 开始，特定的 CSS 不会出现
【发布时间】：2014-05-03 11:30:57
【问题描述】：

我已经声明了一个样式

.tableStyle2 tr:nth-child(even) {
background-color: #C5F0FC;
}

在我的样式表中。但它没有反映在 IE 上，适用于 FF 和 chrome。当我尝试在 IE 中检查我的调试时，它也不存在，但对于 chrome 和 FF 存在。

对此有任何建议。

【问题讨论】：

stackoverflow.com/questions/10577674/…
正如其他人所说，（IE8及以下）不支持CSS3。要么使用 selectivizr 进行 polyfill 路由，要么将类应用于偶数对象并为其应用颜色，但目前尚不清楚这是否适用于您的应用程序。
stackoverflow.com/questions/4742450/… 。它解决了我的问题。

【解决方案1】：

旧版本的 IE 不允许 CSS3 的 nth-child 选择器。一种解决方法是使用 jQuery 在第 n 个孩子上定义一个类，然后相应地设置该类的样式。

jQuery

$('#element li:nth-child(2n)').addClass('even');

CSS

#element li.even {
    ...
}

【讨论】：

【解决方案2】：

您可以使用 selectivizr。这是一个非常不错的 JS 插件，让 IE 支持 css3 选择器

【讨论】：