li：在IE8中没有显示之前

Question

我的新网站上的列表菜单出现问题。

我正在使用li：之前显示|在菜单中的所有项目之前。使用以下css：

#menu li:first-child:before {
    content:"";
    }

#menu li:before {
content: " | ";
}

由于一些奇怪的原因，这在我已经做了一段时间的网站上工作正常：http://www.oneillsbedandbreakfast.com但它不在我正在处理的网站上工作：http://www.scoridcottage.com/newdesign

有什么想法吗？

Answer 1

要使:before在Internet Explorer 8中运行，必须设置<!DOCTYPE>。在您的网站中，评论出现在doctype之前。这会导致某些浏览器出现奇怪的行为。

Answer 2

根据W3Schools，<!DOCTYPE>必须声明:before才能在IE8中使用。 其他伪元素（如:first-child）也是如此。

在<!DOCTYPE>：http://www.w3schools.com/tags/tag_doctype.asp

希望有所帮助！