在 Firebug 中查看 CSS 伪元素
是否有任何解决方法可以查看 CSS 伪元素，例如 :after、:before 等（称为 CSS3 生成并替换内容模块）在 Firebug 中？
现在，当我选择一个元素时，我只能看到应用于它的静态 CSS。我没有看到使用 :after 和 :before 伪元素对其应用样式。
Is there any workaround to see CSS pseudo-elements like :after, :before, etc. (which are known as CSS3 Generated and Replaced Content Module) in Firebug?
Right now, when I select an element, I only see static CSS applied to it. I don't see styles applied to it using :after and :before pseudo-elements.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您可以使用webkit（chrome）的开发者工具来查看和修改伪元素的样式，虽然您无法通过HTML检查它们，但您可以选择生成伪元素的受影响元素，您将看到相关的CSS 。
You can use webkit's (chrome) developer's tool to view and modify pseudo-element's style, while you won't be able to inspect them via HTML, you can select the affected elements which generates the pseudo-element and you will see the relevant CSS.
直接点击父级 TAGNAME 查看其 ::after ::before 类：
click directly onto parent TAGNAME to see its ::after ::before classes: