【发布时间】：2016-02-17 08:15:30
【问题描述】：
在 IE9 开发人员工具中检查元素时，我在 HTML 窗格中看不到我在 CSS 中定义的伪元素：
但是我可以在 CSS 窗格中看到它们，但它们有删除线，表明样式被覆盖，因此在修改它们时没有效果。
如何在 IE9 中定位 ::before 和 ::after 元素以进行检查？
注意：这似乎与 this question 重复，但在我的情况下，元素是 div 容器元素，所以我认为该问题的答案不适用于此处。
【问题讨论】：
-
伪元素不是真正的元素！因此它们仅在开发工具的
css部分可见。 -
当然，但是 Chrome 开发者工具选择在 HTML 部分显示它们。好的，所以我会接受 IE 不选择在那里显示它们。但是问题仍然存在：有没有办法解决它们在 CSS 部分中被删除/无效的事实？
-
删除线表明它们正在文档中的其他位置被覆盖。
-
是的，这就是我的想法。但是，如果我在 Chrome 中检查相同的元素，则没有删除线，在级联中没有任何相同的类。这是一个小提琴：jsfiddle.net/simbasounds/z7s05znv/2 - 如果我检查 IE9 中的 .site-container 选择器，然后单击 CSS 窗格中的 :before 伪元素，它具有删除线行为。
标签： html css internet-explorer-9