最后一个孩子的css在chrome中不能正常工作？

Question

此问题仅存在于Chrome中，在IE/FF中工作正常...

示例：http://www.8wayrun.com/media/algol-killer-combos.621/

在右边，你会看到一个“字符”的列表，下面是: algol噩梦齐格弗里德。这实际上是一个内联无序列表，参数如下：

.mediaDetails li::after {
    content: ',';
}
.mediaDetails li:last-child::after {
    content: '';
}

在IE/FF中，这很有效，你最终会得到一个类似于"algol，噩梦，齐格弗里德“的列表。然而，在Chrome中，它看起来像"algol，噩梦，齐格弗里德，"；在最后一个孩子后面有一个逗号，而不应该有逗号。奇怪的是，如果我突出显示齐格弗里德，逗号就会消失；如果我打开Chrome Inspector，逗号就会消失。

我的代码中是否存在导致此问题的错误？

Answer 1

嗯，在我看来很不错：

​

​

我使用的是Google Chrome 10.0.648.119测试版(我预计稳定版也会发生同样的事情)。