使用两个选择器时IE8会中断吗？

Question

我正在使用CSS设置表格，我意识到IE8不支持:nth-child

所以在我添加对IE8的支持之前，css看起来就是这样

.my-comments table.comments-list tr td:nth-child(1){width:18%;}

然后我添加了另一个选择器

.my-comments table.comments-list tr td:nth-child(1), .my-comments table.comments-list tr .datecol{width:18%;}

IE8不喜欢这个，它不会识别第二个选择器，但如果我拿下第一个选择器，那么它可以工作

.my-comments table.comments-list tr .datecol{width:18%;}

任何想法如何解决这个问题？

显然我可以使用上面的代码，但是我想留在两个选择器中以备将来的浏览器使用

Answer 1

我会尝试单独制作样式（不带逗号）。 IE8可能无法识别：第n个孩子并且不会删除声明。

Answer 2

如果您仍希望自己的nth-child(1)样式在IE8中工作（无需添加.datecol类），则可以将CSS更改为以下内容：

.my-comments table.comments-list tr td:first-child + td {
    width:18%;
}

上面的代码会针对第二个td - 这是我认为您的目标是nth-child(1)，并且支持更广泛的浏览器。

Answer 3

我觉得我在这里遗漏了一些东西。你不能把它们分成两个不同的行吗？

.my-comments table.comments-list tr td:nth-child(1){width:18%;}
.my-comments table.comments-list tr .datecol{width:18%;}