IE中的CSS第一个孩子

Question

我遇到一些在Chrome和Firefox中正常使用的CSS问题，但在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

如果您希望在IE9中使用的CSS相关功能不起作用，那么您应该做的第一件事是确保该页面未显示在quirks mode中。

您应该可以在开发人员工具（F12）中查看此内容。

Answer 2

尝试检查您的DOCTYPE声明。

Answer 3

尝试简单

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

等同于您的规则（除非您有嵌套表）或使用：first-child

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