CSS:不是在IE9中不工作的伪类

时间:2015-06-12 21:58:20

标签: css

不幸的是,我在IE9中遇到遗留代码。有趣...

长话短说,我正在使用jQuery克隆行程模板(隐藏)并对所有克隆应用顶部边框除了第一个可见(实际上是第二个实际因为隐藏了模板。

我遇到的是边框渲染Chrome,FF和Opera,而不是IE9。我认为是因为我将几个伪类串在一起,但在我看来这不会引起问题。

我的行程目标如下:

var my_object = { a:undefined, b:2, c:4, d:undefined };

基本上,将上述CSS应用于除第二个行程之外的所有CSS。

问题是,为什么会在IE9中发生这种情况?根据{{​​3}},伪类是被支持的。这是因为我已经把这么多人串成了这个特殊的规则吗?我很茫然。

以下是它的外观(Chrome):

enter image description here

这是IE9中发生的事情:

enter image description here

以下是IE9屏幕截图中CSS的特写:

enter image description here

任何帮助都将不胜感激。

谢谢!

1 个答案:

答案 0 :(得分:1)

IE9中不支持伪类的扩展参数:不是

here是该问题的文档

最有可能使用

 #itinerary table.formTable:not(:nth-child(2))

但不是

 #itinerary table.formTable:not(:nth-child(2)):after

幸运的是,IE9支持conditional commenting,因此您可以编写IE9的后备版和>