css - 使 IE9 CSS nth-child 规则在 IE8 上工作

Question

在 IE9 中，这段代码有效:

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

由于 :nth-child() 从 IE9 开始工作，我怎样才能让它在 IE8 上工作？请提供适用于 ie8 的 nth-child(2n+1) 的替代方案

Answer 1

不是很优雅的 CSS 代码，但是你可以隐藏 .abc 元素从第 3 个^rd 开始

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

然后您可以从第 4 个 元素再次显示它们

body.country-XYZ .abc + .abc + .abc + .abc {
    display: block; /* or whatever is the default display value of .abc */
}