使IE9 CSS nth-child规则适用于IE8

Question

在IE9中，此代码有效：

body.country-XYZ .abc:nth-child(3) {
    display:none;
 }

由于:nth-child()从IE9开始工作，我怎样才能让它在IE8上运行？ 请提供适用于ie8

的n-child（2n + 1）的替代方案

Answer 1

您需要使用JavaScript才能在IE8中模拟：nth-​​child（）伪类。查看http://selectivizr.com/

Answer 2

不是非常优雅的CSS代码，但您可以隐藏{3} <3>}元素从 ^rd 开始

.abc

然后你可以从4 ^th 元素再次显示它们

body.country-XYZ .abc + .abc + .abc {
    display:none;
}