使IE9 CSS IE8的

2014-04-07 57 views 0 likes

第n个孩子规则工作在IE9此代码的工作：使IE9 CSS IE8的

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

由于:nth-child()作品从IE9开始，我怎么能让它IE8工作？请提供，对于IE8

您还可以添加HTML标记或小提琴 –

我很害怕您必须使用JavaScript来实现此功能，或者自定义您的服务r方代码给第三个孩子输入合适的类别。 –

@FabrizioCalderan为什么其他问题关闭为“不清楚”？我认为原始海报的目标很明显。 –

回答

你需要为了模拟使用JavaScript的作品第n个孩子（2N + 1）替代：IE8中的第n个孩子（）伪类。退房http://selectivizr.com/

2014-04-07 12:24:34

嗯！从未听说过这个图书馆，但看起来很有希望。 +1 – sircapsalot

由于你的措辞，你从某人那里得到了一个赞誉。如果你说“你需要使用JavaScript来模拟IE8中的'：nth-child（）'伪类，请查看'http：// selectivizr.com /'”。我想你会失去downvote。 – sircapsalot

没有真正优雅的CSS代码，但你可以隐藏3 ^次开始.abc元素与

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 */ 
}

2014-04-07 12:25:45 fcalderan