如何在Internet Explorer 9开发者工具中定位 ::before 和 ::after 伪元素？

Question

6

在IE9开发者工具中检查元素时，我无法在HTML面板中看到我在CSS中定义的伪元素：

但是我可以在CSS面板中看到它们，但它们被划掉，表明样式被覆盖，因此在修改它们时没有效果。

如何在IE9中定位 ::before 和 ::after 元素以进行检查？

注意：这可能看起来与此问题重复，但在我的情况下，这些元素是 div 容器元素，因此我认为那个问题的答案不适用于这里。

- simbasounds

1

伪元素不是真正的元素！因此，它们只在开发工具的css部分可见。 - jbutler483

当然可以，但Chrome开发者工具选择在HTML部分显示它们。好的，我接受IE不选择在那里显示它们。但问题仍然存在：是否有一种方法可以避免它们在CSS部分中被删除/无效？ - simbasounds

删除线表示它们在文档的其他地方被覆盖。 - jbutler483

是的，这正是我所想的。然而，如果我在Chrome中检查相同的元素，就没有删除线，也没有与级联中其他类相同的内容。这里有一个fiddle：http://jsfiddle.net/simbasounds/z7s05znv/2/

- simbasounds

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Kuzeko · Accepted Answer

引用另一个答案的话：

IE 9在“标准模式”下支持符号::after和::before（两个冒号）。在“怪异模式”下，它不支持。

所以唯一可能的原因是你代码中激活了“怪异模式”。