IE中的CSS firstchild

Question

我的一些CSS在Chrome和Firefox中工作正常，但在IE 9和8中却出人意料地运行，我遇到了问题。

下面是一个示例(其中user_info是一个表)：

.user_info td:first-child+td
{
    padding : 0px;
    background : #b8cce4;
}

问题是IE不会附加这些属性。

如果我使用网站管理员工具(F12)，并将CSS规则.user_info td:first-child+td重命名为，例如，.user_inf td:first-child+td，然后再重命名，那么它将完美地应用属性。

Answer 1

尝试检查DOCTYPE声明。

Answer 2

如果您期望在IE9中工作的与CSS相关的内容不起作用，那么您应该做的第一件事就是确保页面没有在quirks mode中显示。

您应该能够在开发人员工具(F12)中检查这一点。

Answer 3

简单地试一下

.user_info td + td {
    padding : 0px;
    background : #b8cce4;
}

这等同于您的规则(除非您有嵌套表)或使用:first-child

.user_info tr td:first-child + td {
    padding : 0px;
    background : #b8cce4;
}