css - last-child css 在 chrome 中不能正常工作？

Question

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

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

在右侧，您会看到“Angular 色”列表，在其下方:algol nightmare siegfried。这实际上是一个内联无序列表，具有以下参数:

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

在 IE/FF 中这很好用，你最终得到一个看起来像“algol, nightmare, siegfried”的列表。然而，在 Chrome 中它看起来像“algol, nightmare, siegfried”；在不应该有的最后一个 child 后面有一个逗号。奇怪的是，如果我突出显示 siegfried，逗号就会消失；如果我打开 Chrome 检查器，逗号就会消失。

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

Answer 1

嗯，我觉得不错:

我使用的是 Google Chrome 10.0.648.119 BETA(我预计稳定版也会出现同样的情况)。