javascript - 如何检测浏览器对:after and :before的支持

Question

我正在构建依赖于 css :after 和 :before 伪选择器的菜单。如何检测浏览器是否支持它们？

我找到了this article这解释了如何检测可以在 JavaScript 中访问的 css 属性，但它似乎不适用于我的情况。

[编辑]回复评论和第一条回复:

• 伪选择器添加元素，例如用于面包屑导航的箭头。
• 与浏览器检测相比，我更喜欢功能检测，因为某些浏览器会在怪异模式下工作(通常是 IE 8/IE 9)

Answer 1

好吧，除 IE 7 及以下版本之外的所有浏览器都支持它们，所以这应该可以。

<!--[if lt IE 8]>
  <script> window.contentSupported = false; </script>
<![endif]-->

在你的 JavaScript 中你可以做到。

if(window.contentSupported !== false) {
   // :before is supported
} else {
   // :before isn't supported
}